2

現在、次のコードで作業しています。

<script type="text/javascript">

$(document).ready(function(){

 $(".slidingDiv").hide();
 $(".show_hide").show();

 $('.show_hide').toggle(function(){
   $(".slidingDiv").animate({
       opacity: 0.25,
       left: '+=50',
       height: 'toggle'
       }, 5000,
     function(){
       $("#plus").text("-")
     }
   );
 },function(){
     $(".slidingDiv").slideUp(
     function(){
       $("#plus").text("+")
     }
     );
 });
});

</script>

私のアニメーションは機能していますが、上下にスライドします。左右にスライドさせて表示したいです。簡単な修正のように思えますが、動作させるのにいくつか問題があります。

考え？

4

1 に答える 1

9

使用できます

右にスライド:

  .animate({ width: 'show' });

左にスライド:

  .animate({ width: 'hide' });

このフィドルを参照してください: http://jsfiddle.net/pitchaip/dK6Zv/

于 2013-01-20T02:58:52.810 に答える