javascript - jQuery Slidetoggle + 旋转

Question

您好，我正在努力做到这一点，当您点击一个类(class)时，它会滑动切换另一个类(class)并旋转您刚刚点击的类(class)。我的代码完成了所有这些工作，但如果我再次单击它，它不会向后旋转。

/* 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');
};

});

我做错了什么？

提前致谢!

Answer 1

这应该可行

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