javascript - 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

我认为您应该然后添加 -45deg 而不是 0deg ...而且，请确保该类未定位为静态

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

这应该工作

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