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

标签 javascript jquery html css

我正在研究 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);
       });

最佳答案

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

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

关于javascript - 单击下拉按钮时使区域缩小的任何选项,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17183349/

相关文章:

jquery - 克隆 jQuery 样式?

html - 使用 Go 提供 HTML 页面

javascript - 如何实现 Wunderlist 所做的侧弹出窗口?

JavaScript 表单焦点,我的代码看起来还好吗?

javascript - Angular 和 jQuery :horizontal scrolling a div from a controller or directive

Javascript 'Element must be a table' <表 ID ="mytable">

javascript - JQuery 滚动窗口根据其位置显示 div

html - 多个内联样式显示不正确

javascript - Angular '<controller> as <variable>' 不是一个函数,在错误( native )中未定义

javascript - jquery+简单切换脚本+在一个站点上多次使用