Jquery滑动切换问题 $（文档）.ready（函数（）{ $（“#切换”）.toggle( 函数（）{ $（“#box1”）。滑动切换（800，函数（）{ $（“#box2”）.slideToggle（）； }); }, 函数（）{ $（“#box2”）。滑动切换（800，函数（）{ $（“#box1”）.slideToggle（）； }); } ); }); 它只适用于第一次单击。当我再次单击它时，它不会向后滑动 如何设置动画使其从左向右滑动

不能对这两个

元素使用相同的“id”值。你给了他们不同的“阶级”价值观；也许您应该交换“class”和“id”属性的值。

首先，两个元素不能有相同的id。 其次，jQuery原生幻灯片动画仅在自上而下的方向上工作

<script type="text/javascript">
$(document).ready(function(){
         $("#toggle").toggle(
                function(){
                        $("#box1").slideToggle(800,function(){
                                 $("#box2").slideToggle();
                         });
                },
                function(){
                        $("#box2").slideToggle(800,function(){
                                 $("#box1").slideToggle();
                         });
                }
        );        
});
</script>

    <div id="box1">
     <a href="#" class="order" id="toggle">&nbsp;</a>
    </div>
    <div id="box2" style="display:none;">
     <a href="#" class="back" id="toggle">&nbsp;</a>
    </div>

$（文档）.ready（函数（）{
$（“.toggle.order”）。单击(
函数（）{
$（“#box1”）。滑动切换（800，函数（）{
$（“#box2”）.slideToggle（）；
});
});
$（“.toggle.back”）。单击(
函数（）{
$（“#box2”）。滑动切换（800，函数（）{
$（“#box1”）.slideToggle（）；
});
});    
});

<script type="text/javascript">
$(document).ready(function(){
     $(".toggle.order").click(
            function(){
                    $("#box1").slideToggle(800,function(){
                             $("#box2").slideToggle();
                     });
            });
     $(".toggle.back").click(
            function(){
                    $("#box2").slideToggle(800,function(){
                             $("#box1").slideToggle();
                     });
            });    
});
</script>

<div id="box1">
 <a href="#" class="order toggle">&nbsp;</a>
</div>
<div id="box2" style="display:none;">
 <a href="#" class="back toggle">&nbsp;</a>
</div>