点击CSS动画

CSS animation on click

本文关键字：动画 CSS 点击      更新时间：2023-09-26

我正在开发一个网站，我有下拉菜单的css动画，但我希望它们在子菜单上点击而不是悬停时显示，而且似乎无法理解这是我目前正在使用的代码。很抱歉，我直接从源代码中复制了所有的PHP。http://codepen.io/anon/pen/PwrNaZ

  $( "#horiz-menu ul li > ul" ).click(function()

我不太了解jQuery，但这就是我目前所掌握的。

您可以使用JQuery:执行类似操作

JQuery

$( "#horiz-menu a" ).click(function(e){
   $(this).next('ul').toggleClass('active');
});

CSS

#horiz-menu ul.active {
   opacity: 1;
   visibility: visible;
   margin: 0;
 }

这是一把小提琴。

https://jsfiddle.net/hw9fsLb2/1/

试试这个：

$( "#horiz-menu ul li > ul" ).click(function(){
$( "#horiz-menu li" ).toggle( "slow" );
});
相关文章：