javascript - 使用 Onclick 事件将 div 移动到容器左侧的任何选项

Question

我正在研究 JavaScript 和 jQuery，我的问题与 HTML 页面中的 div 有关。鉴于我在 HTML 页面中使用 2 个 div，是否有任何选项可以使用 onclick< 减小一个 div 的大小并扩展另一个的大小 事件。我有一把 fiddle here点击时有一个 div 与另一个 div 重叠。

这是我的代码:

$(function() {
  var expanded = false;
  $('#sidebar').click(function() {
    if (!expanded) {
      $(this).animate({'left' : '70px'}, {duration : 400});
      expanded = true;
    }
    else {
      $(this).animate({'left' : '565px'}, {duration: 400});
      expanded = false;
    }
  });
}); 

Answer 1

你可以使用下面的代码在onclick事件中做slidedown和slideup

$(function()
  {
      var expanded = false;
      $('#flip').click(function(){
          $("#panel").slideToggle("slow");
      });
  })

在 jqfaq.com 查看工作示例