javascript - 单击下拉按钮时使区域缩小的任何选项

Question

我正在研究 jquery 和 javascript。我正在使用一个下拉按钮，它位于容器的右上角。

那么，是否有任何选项可以让容器在单击时下拉按钮下降时收缩或向左移动。反之亦然。

我也有一个 fiddle其中有一个从左向右滑动和反转的容器。但我正在寻找一种解决方案，只要单击下拉按钮，它就会使容器缩小或向左移动。这是它的 fiddle 。

代码:

      $('#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);
       });

Answer 1

在 js fiddle 链接中尝试以下解决方案。 http://jsfiddle.net/3DpfJ/50/

  [1]: http://jsfiddle.net/3DpfJ/50/