déplacer Horizontalement un div

Question

J'ai une page HTML que je veux dans cette page HTML je peux déplacer horizontalement quelques divs lorsque je clique sur un lien ...

Comme

1  2  3  4  5   6   7 
__________________________________________________________________ 











___________________________________________________________________ 

Entre les ligne de la 7 Le nombre de divs montre un par un quand je clique sur lien particulier & il viendra d'un côté droit à gauche ...

<div> 
<ul> 
    <li>1</li> 
    <li>2</li> 
    <li>3</li> 
    <li>4</li> 
    <li>5</li> 
    <li>6</li> 
    <li>7</li> 
</ul> 
</div> 

Answer 1

Vous pouvez utiliser jQuery animate pour chacun de vos li et les lier à votre div cible en utilisant un attribut de données. Lorsque l'élément est cliqué, vous pouvez l'animer à gauche ou à droite et modifier l'opacité en passant ces arguments.

SOURCE

DOM

<ul> 
    <li data-target='your-target-div'> 
    ... 
</ul> 
<div id='your-target-div'></div> 

javscript

$('ul li').each(function(){ 
    $(this).click(function(){ 
     target = '#'+$(this).data('target'); 
     $(target).animate({ 
      // ENTER YOUR ANIMATION FOR DIV 
     }, 2000); 
    }); 
}); 

Answer 2

on dirait que vous pourriez vouloir « Animer » ces divs à faire/déplacer/être avoir d'une certaine manière sur une certaine action. Jetez un oeil à this il pourrait aider.

Answer 3

vous pourriez essayer l'accordian jQuery: http://jqueryui.com/accordion/