我正在研究jquery和javascript。我使用下拉按钮,这将是在右上角的容器。
那么,当点击下拉按钮时,是否有任何选项可以使容器收缩或向左移动?反之亦然。
我也有一个小提琴,它有一个容器,可以从左向右滑动和反转。但我正在寻找一个解决方案,使容器收缩或移动到左每当下拉按钮被点击。这是它的小提琴
代码:
$('#sidebar').click(function(){
$(this).animate({width:'100px'},{bottom : 100px}, 400);
$('#steam').animate({bottom : 100px},{width:'500px'}, 400);
});
$('#steam').click(function(){
$(this).animate({width:'100px'},{bottom : 100px}, 400);
$('#sidebar').animate({width:'500px'},{bottom : 100px}, 400);
});
在js中试试下面的解决方案。http://jsfiddle.net/3DpfJ/50/
[1]: http://jsfiddle.net/3DpfJ/50/
http://jsfiddle.net/33rHZ/1/
这个小提琴使用.change
事件&我已经把if expanded
的支票注释掉了,因为我认为你不需要它。但如果你这样做,只要删除我的评论,它应该工作良好。
$(function()
{
$('#sidebar').change(function(){
{
$('#sidebar').animate({width:'69%'}, 400);
$('#steam').animate({width:'29%'}, 400);
$('#sidebar').animate({width:'29%'}, 400);
$('#steam').animate({width:'69%'}, 400);
}
});
});
非常整洁。