使用JQuery切换div

时间:2013-02-21 19:39:00

标签: jquery html css

我是JQuery的新手,我在使代码正常工作时遇到了一些麻烦。出于某种原因,我的JQuery隐藏了链接(a)元素。我需要链接来切换' wrap' DIV。我能做错什么?

JQuery的:

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

JSFIDDLE

2 个答案:

答案 0 :(得分:8)

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

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

因此,在每个“通知”链接上,点击即可切换.wrap

您的代码问题的真正根源:jquery 1.9中的.toggle()事件处理程序 REMOVED - http://api.jquery.com/toggle-event/,所以您在代码中使用的是什么示例是动画方法http://api.jquery.com/toggle/

答案 1 :(得分:0)

只需用

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

应该有效