jQuery Slidetoggle +旋转

Question

您好我正在尝试这样做，当您单击一个类时，它将滑动另一个类并旋转您刚刚单击的类。我的代码完成了所有这些，但是如果我再次点击它就不会旋转回来。

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

Answer 2

在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

Answer 3

我认为你应该添加-45deg而不是0deg ...而且，确保该类没有定位静态