我试图解决是否可以在点击功能上切换div的旋转,例如单击菜单按钮可使箭头从向下指向向上旋转,再次单击将反转此向上(向上向下).
我有一个jsfiddle演示设置,它会更有意义： http://jsfiddle.net/bf7Ke/1/
jQuery –
我有一个jsfiddle演示设置,它会更有意义： http://jsfiddle.net/bf7Ke/1/
jQuery –
$(document).ready(function(){
$('.menu-category-title').click(function(){
$('#menu-'+$(this).attr('hook')).fadeToggle('slow');
$(this).children('.menu-title-arrow').rotate({animateTo:180});
return false;
});
});
到目前为止,点击.menu-category-title在下面的相关内容中淡出,并将相应的箭头旋转180度.单击.menu-category-title将再次淡出相关内容,但箭头保持180度.反正有没有切换这个功能？我无法弄明白,任何建议将不胜感激！
解决方法
认为你应该在箭头旋转之前检查元素是否可见
$(document).ready(function(){
$('.menu-category-title').click(function(){
var elem = $('#menu-'+$(this).attr('hook')),arrow = $(this).children('.menu-title-arrow')
if (!elem.is(':visible')) {
arrow.rotate({animateTo:180});
} else {
arrow.rotate({animateTo:360});
}
elem.fadeToggle('slow',function() {
});
return false;
});
});
