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

any option to make a area shrink when a drop down button is clicked

本文关键字：缩小 任何 选项 区域 按钮 单击      更新时间：2023-09-26

我正在研究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);
          }    
      });
  });
非常整洁。

相关文章：