HTML JS - 子菜单不起作用?

时间:2015-12-29 04:26:37

标签: javascript html

我试图实现this。但到目前为止我无法成功。我的代码如下。这有什么问题?

HTML:

<script type="text/javascript">
$('li a').click(
function() {
    $(this).next().slideToggle();
})
  </script>

使用Javascript:

{{1}}

1 个答案:

答案 0 :(得分:0)

首先纠正您的标记,某些标记未正确关闭。

其次,您需要使用preventDefault()来停用a代码的默认操作。

第三,

$('li a').click(
function() {
    $(this).next().slideToggle();
})

只有当下一个元素是菜单本身时,此代码才会切换菜单。

所以使用这个

 $('li a').click(function(e) {
    e.preventDefault();
    $('a:contains(Submenu)').slideToggle();
});

https://jsfiddle.net/uc3hp4o5/