jQuery滑动切换+旋转

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-切换中添加这个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

我认为你应该加上-45度而不是0度...此外，还要确保类不是静态定位的