我怎么能有一个div从折叠到展开(反之亦然)，但这样做从右到左?
我在外面看到的大部分东西都是从左到右的。
当前回答
你可以先定义元素的宽度为0，右浮动，然后在你要显示它的事件上。就像这样
$('#the_element_to_slide_from_right_left').animate({ width:'your desired width' }, 600);
就这么简单。
其他回答
我是这样做的:
var btn_width = btn.width();
btn.width(0);
btn.show().animate({width: btn_width}, {duration: 500});
注意，节点“btn”应该在动画之前隐藏，您可能还需要为它设置“position: absolute”。
你可以先定义元素的宽度为0，右浮动，然后在你要显示它的事件上。就像这样
$('#the_element_to_slide_from_right_left').animate({ width:'your desired width' }, 600);
就这么简单。
$(function() {
$('.button').click(function() {
$(this).toggleClass('active');
$('.yourclass').toggle("slide", {direction: "right"}, 1000);
});
});
这可以通过使用jQueryUI隐藏/显示方法来实现。 如。
// To slide something leftwards into view,
// with a delay of 1000 msec
$("div").click(function () {
$(this).show("slide", { direction: "left" }, 1000);
});
参考:http://docs.jquery.com/UI/Effects/Slide
使用这个
<script src="jquery.min.js"></script>
<script src="jquery-ui.min.js"></script>
<script>
$(document).ready(function(){
$("#flip").click(function () {
$("#left_panel").toggle("slide", { direction: "left" }, 1000);
});
});
</script>
