2

私はこのコードを持っています。

CSS

body {
    font-family:Verdana, Geneva, sans-serif;
    font-size:14px;
}

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

.show_hide {
    display:none; 
}

HTML

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

JS

$(document).ready(function(){
    $(".slidingDiv").hide();
    $(".show_hide").show();
    $('.show_hide').click(function(){
        $(".slidingDiv").slideToggle();
    });
});

誰かがこのjquery関数に追加することが可能かどうか教えてくれます。それをクリックすると、同時に新しいdivを表示/非表示にし、クラスをタグに変更し、別のタグから別のクラスを削除しますか？どうすればいいですか？

ありがとう。

4

4 に答える 4

6

はい、できます。メソッドaddClassとremoveClassを見てください。

于 2012-05-18T18:44:20.737 に答える
5

remove：jQuery('element').removeClass('class'); reference
add：jQuery('element').addClass('class'); reference

そして、toggleClassを使用して切り替えることができます。
トグル：jQuery('element').toggleClass('class otherClass'); 参照

于 2012-05-18T18:56:27.527 に答える
3

クラスを追加します。

$('selector').addClass('className');

クラスを削除します。

$('selector').removeClass('className');
于 2012-05-18T18:45:19.790 に答える
1

はい、もちろんクラスを追加または削除できます

<script type="text/javascript">
$("#ButtonId").click(function () {
    $('#itemid').removeClass('classname');
    $('#itemid').addClass('classname');
});
</script>
于 2012-05-18T18:46:31.833 に答える