Question

我无法让jQuery一次只能看到一个内容-DIV。因此，在菜单按钮（关于，简报，联系人）之间单击，这将只允许一个内容-DIV可见。

---然后当点击相关的菜单按钮时，内容-DIV需要隐藏（就像当前一样）。

---点击标题'alliteration'后，任何打开的内容DIV都需要隐藏。

 $('#collapse_about').hide();
 $('#collapse_newsletter').hide();
 $('#collapse_contact').hide();

 $('#menu1').click(function() {
  $('#collapse_about').slideToggle(400);
   return false;
  });

 $('#menu2').click(function() {
  $('#collapse_newsletter').slideToggle(400);
   return false;
  });

 $('#menu3').click(function() {
  $('#collapse_contact').slideToggle(400);
   return false;
  });

我知道这是一个相当简单的代码...但它的形式避开了我。非常感谢任何帮助。

Answer 1

在我的脑海中，我会将所有菜单分配给同一个类，例如class1。然后制作具有回调函数的div slideUp。当slideUp完成后，它将向下滑动正确的面板。

  $('#menu1').click(function() {
$(".class1").slideUp(function() {
  $('#collapse_about').slideDown(400);
   });
  });

 $('#menu2').click(function() {
$(".class1").slideUp(function() {
  $('#collapse_newsletter').slideDown(400);
   });
  });

 $('#menu3').click(function() {
$(".class1").slideUp(function() {
  $('#collapse_contact').slideDown(400);
   });
  });

编辑：这是一个开始但并不像你要求的那样完全做到:(
以下是关于jsfiddle的演示：here

jQuery从菜单栏切换content-div

1 个答案: