jquery點擊並解除綁定

Question

我不是一個軟件開發人員，只是開始學習jQuery。在下面的代碼中，我將.green類添加到.show_hide div點擊。我想去除.show_hide。綠色類再次點擊它也應該密切.slidingDiv

<div><a href="#" class="show_hide">Show/hide</a></div> 
<div class="slidingDiv"> 
Fill this space with really interesting content. <a href="#" class="show_hide">hide</a></div>​ 

.slidingDiv { 
    height:300px; 
    background-color: #99CCFF; 
    padding:20px; 
    margin-top:10px; 
    border-bottom:5px solid #3399FF; 
} 

.show_hide { 
    display:none; 
} 
.green { 
    background: green; 
}​ 

$(document).ready(function(){ 

    $(".slidingDiv").hide(); 
    $(".show_hide").show(); 

    $('.show_hide').click(function(){ 
     $(".slidingDiv").slideToggle(); 
     $(".show_hide").addClass("green"); 
    });  

}); 

Answer 1

看看這個時候，你需要使用toogleClass功能。

現場演示：

http://jsfiddle.net/oscarj24/Waq4W/