jquery slideUp() sur le côté gauche

Question

Je vais créer un calendrier hebdomadaire. Quand je change de semaine, je voudrais faire glisser la vieille semaine vers la gauche ou la droite pour obtenir le nouveau contenu. Quelqu'un peut-il m'aider? Pour le moment, je n'ai aucune bonne idée de mettre en œuvre cela.

Merci beaucoup.

Answer 1

vous pouvez utiliser le plugin Cycle jQuery pour obtenir la sortie désirée ... si u ayant connaissance de jQuery ...

http://jquery.malsup.com/cycle/

Answer 2

Pour glisser vers la gauche par exemple au lieu de .slideUp() vous pouvez utiliser .animate() directement, comme ceci:

$(".oldweek").animate({ width: 0 }); 
//or... 
$(".oldweek").animate({ width: "toggle" }); 

Answer 3

Vous pouvez utiliser Jquery UI slide:

$("#calender").hide("slide", { direction: "left" }, 1000); 

Ou, si vous ne voulez pas inclure JQuery UI, je suggère de faire quelque chose comme ceci:

html

<div id="calendar-wrapper"> 
    <div id="calendar"></div> 
</div> 

css

calendar-wrapper { overflow:hidden; position:relative; } 
calendar { 
position:absolute; 
width:100px; 
height:100px; 
top:0; 
left:-100px; 
} 

js (jquery)

//to show 
$("#calender").animate({"left":"0px"}, 1000); 

//to hide 
$("#calender").animate({"left":"-" + $("#calender").width() + "px"}, 1000); 

Vous pouvez également utiliser des classes au lieu de spécifier J'ai quitté la position en js et ensuite l'animer.

J'ai aussi vu des gens animer {"width": "toggle"} mais je trouve ça laggy. essayez-le si vous le souhaitez.

Comme vous pouvez le voir il existe de nombreuses solutions pour ce dont vous avez besoin. bonne chance!!