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/