jquery - 使用 JQuery 切换 div

Question

我是 JQuery 的新手，我在让我的代码正常工作时遇到了一些麻烦。出于某种原因，我的 JQuery 隐藏了链接 (a) 元素。我需要链接来切换“包装”div。我可能做错了什么？

查询：

$(document).ready(function() {
   $('.wrap').hide();
   $('.open').toggle(
      function() {
     ('.wrap').show();
  },
  function() {
     ('.wrap').hide();
      }
   ); // end toggle
}); // end ready

JSFIDDLE

Answer 1

http://jsfiddle.net/AbXYp/4/

$('.wrap').hide();
$('.open').click(function() {
    $('.wrap').toggle();
    return false;
});

因此，在每个“通知”链接上单击您正在切换.wrap

您的代码问题的真正根源：.toggle()事件处理程序已在 jquery 1.9 中删除 - http://api.jquery.com/toggle-event/ ，因此您在代码示例中使用的是动画方法http： //api.jquery.com/toggle/

Answer 2

只需将您的 jquery 替换为

$(document).ready(function() {
 $('.wrap').hide();
    $('.open').click(function(e){e.preventDefault();$('.wrap').toggle();return false;}); // end toggle
}); // end ready

它应该工作