2

こんにちは私はクラスをクリックすると別のクラスをスライドトグルし、クリックしたばかりのクラスを回転させるようにしようとしています。私のコードはそれをすべて行いますが、もう一度クリックしても元に戻りません。

/* Category Description Toggle */
$('.category-desc').css("display", "none");
$(".category-desc-toggle").addClass("close");

$(".category-desc-toggle").click(function() {
$('.category-desc').slideToggle(300);
if($('.category-desc-toggle').hasClass('close')){
$(this).transition({ rotate: '45deg' });
$('.category-desc-toggle').removeClass('close').addClass('open');
};
if($('.category-desc-toggle').hasClass('open')){
$(this).transition({ rotate: '0deg' });
$('.category-desc-toggle').removeClass('open').addClass('close');
};

});

私は何が間違っているのですか?

前もって感謝します!

4

3 に答える 3

0

これはうまくいくはずです

$(".category-desc-toggle").click(function() {
    $('.category-desc').slideToggle(300);
    $(this).transition({ rotate: '45deg' });
});
于 2013-03-10T13:21:25.270 に答える
0

HTML ドキュメントの .category-desc-toggle に、これを onclick="count_click_desc=(count_click_desc+1)%2;" を追加します。

$(".category-desc-toggle").click(function() {
$('.category-desc').slideToggle(300);
if(count_click_desc){
    $(this).transition({ rotate: '45deg' });
};
if(!count_click_desc){
    $(this).transition({ rotate: '-45deg' });
};
});

トランジションプラグインがインストールされておらず、ダウンロードするのが面倒です...だから、うまくいくかどうかはわかりません. . 解決したら、+1 をクリックしてください

于 2013-03-10T13:51:17.343 に答える
0

次に、0deg の代わりに -45deg を追加する必要があると思います...また、クラスが静的に配置されていないことを確認してください

于 2013-03-10T15:50:46.893 に答える