Question

我试图想出一种在旁边列表中显示很多类别的方法。

我可以看到的唯一方式，而不是那些恼人的飞出菜单，是在点击父类别时扩展类别。

当鼠标悬停在父级上方时，

支持已提供显示的js，但是希望它在单击时展开和关闭，并在单击另一个父级时关闭。

<style>
.SideCategoryListClassic ul li ul li {
display: none;
}
</style>
<script type="text/javascript">
$('.SideCategoryListClassic').children().children('li')
.hover(function(){$(this).children('ul').children().slideDown()},
function(){$(this).children('ul').children().slideUp()});
</script>

希望有人能就此分享一些看法。干杯

Answer 1

最好通过在单击父级时添加一个类来实现此目的。

$('.SideCategoryListClassic li a').click(function(e) {
  e.preventDefault(); //This prevents clicking causing the user to actually go to the link they clicked on
  $('.SideCategoryListClassic li ul').removeClass('active'); //Removes active class from other submenus
  $(this).find('ul').slideDown(); //Adds active class to the submenu of the parent you just clicked on
});

然后你的css

.SideCategoryListClassic li ul {display:none}
.SideCategoryListClassic li ul.active {display:block;}

将点击功能扩展到bigcommerce中的sidecaegorylist

1 个答案: