使用JQuery切換div

我是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

來源

2013-02-21 user2096890

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/

來源

2013-02-21 19:41:47 zerkms

我的代碼有什麼問題？ – user2096890 2013-02-21 19:44:12

@ user2096890：1.您錯過了hadlers中的'$'2.使用切換功能，您無法阻止錨定默認行爲（進入鏈接） – zerkms 2013-02-21 19:47:52

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

只是

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

取代你的jQuery它應該工作

來源

2013-02-21 19:45:20

我的代碼有什麼問題？ – user2096890 2013-02-21 19:48:03

你的代碼唯一的問題是你沒有切換包裝，並試圖切換打開哪個應該給點擊事件 – 2013-02-21 19:52:40

使用JQuery切換div

回答

相關問題