2013-02-21 82 views
2

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

JQuery的:

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

JSFIDDLE

回答

8

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

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

所以在每一个 “通知” 链接点击你切换问题的.wrap

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

+1

我的代码有什么问题? – user2096890 2013-02-21 19:44:12

+0

@ user2096890:1.您错过了hadlers中的'$'2.使用切换功能,您无法阻止锚定默认行为(进入链接) – zerkms 2013-02-21 19:47:52

+0

@ user2096890:添加了代码失败的真正原因 – zerkms 2013-02-21 19:54:38

0

只是

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

取代你的jQuery它应该工作

+0

我的代码有什么问题? – user2096890 2013-02-21 19:48:03

+0

你的代码唯一的问题是你没有切换包装,并试图切换打开哪个应该给点击事件 – 2013-02-21 19:52:40