菜单切换时箭头旋转
Arrow rotates when menu toggles
当我滑动打开另一个菜单或再次单击箭头时,如何让箭头旋转?
JSFIDDLE
JS:
//Dropdown Menu
$("a.slide-dropdown").click(function slideMenu()
{
$(this).next('ul').slideToggle();
$(this).parent().siblings().children().next('ul').slideUp();
});
//Arrows
$( ".crossRotate" ).click(function() {
//alert($( this ).css( "transform" ));
if ($(this).css( "transform" ) == 'none' )
{
$(this).css( "transform" , "rotate(-180deg)" );
}
else
{
$(this).css("transform","" ) ;
}
});
您需要更新crossRotate click
事件。
试试这个
//Arrows
$( ".crossRotate" ).click(function() {
//alert($( this ).css( "transform" ));
$(".crossRotate").css("transform","none" ) ;
if ($(this).css( "transform" ) == 'none' )
{
$(this).css( "transform" , "rotate(-180deg)" );
}
else
{
$(this).css("transform","none" ) ;
}
});
相关文章:
- JavaScript下拉菜单-点击按钮并根据所选值重定向到url
- Jquery菜单操作不稳定,定位不正确,存在一般错误
- 知道为什么我的旋转木马不会自动更改图片吗
- angular的下拉菜单
- 使用JQuery的动态上下文菜单
- 创建带有和不带有JavaScript的Bootstrap下拉菜单
- 创建下拉菜单
- 下拉菜单在菜单按钮的边缘闪闪发光
- Div根据<选择>菜单
- I'我设计了一个下拉菜单,onclick会出现,而on blur会消失
- 硒IDE下拉菜单
- 菜单切换时箭头旋转
- JS下拉菜单显示在图像旋转器上
- 显示使用非典型菜单的旋转菜单
- 旋转图像和隐藏菜单
- 猫头鹰旋转木马弄坏了我的菜单
- 如何显示加载器,当我从下拉菜单中选择的东西?意味着从后端加载数据时,它应该显示一些事件,如旋转器
- Onsen-ui:将旋转木马项目设置为0(带旋转木马列表的滑动菜单菜单)
- 如何使每个手风琴菜单上的雪佛龙图标旋转
- 我如何结合一个引导旋转木马与侧边栏菜单