1

私はソフトウェア開発者ではなく、jQueryを学び始めたばかりです。次のコードでは、クリックするとdivに.greenクラスを追加します。もう一度クリックすると、クラス.show_hideを削除したいので、閉じる必要があります。.green.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");
    });    
       
});
4

1 に答える 1

1

これを見てください、あなたはtoogleClass関数を使う必要があります。

ライブデモ：

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

于 2012-11-28T15:19:55.153 に答える