Question

我遇到了jquery slideToggle

的问题

这是我的代码

HTML

<div class="dropdownmainmenu">
    <div class="hedmainmenu">
    <a href="#">
    <i class="fa fa-newspaper-o"></i> News <span class="showarrowmainmenu arrowright"></span></a></div>
    <ul class="showmenu">
        <li><a href="add_news.php">Add news</a></li>
        <li><a href="news.php">All News</a></li>
    </ul>
    </div>

JS

$(".dropdownmainmenu").click(function(){
$(this).children(".showmenu").slideToggle();
$(this).toggleClass("activemainmenu");
$(this).find(".showarrowmainmenu").toggleClass("arrowright");
$(this).find(".showarrowmainmenu").toggleClass("arrowdown");
return false;
});

我的问题是，当我向下滑动菜单并尝试打开链接时添加新闻它不起作用，菜单上滑我如何解决这个问题

Answer 1

如果理解正确，您只想将addEventListener添加到具有类div的{{1}}元素：

＆＃13;

.hedmainmenu

＆＃13;

//change the selector to add eventListener to the the div with class hedmainmenu
$(".dropdownmainmenu > div.hedmainmenu").click(function() {
  //now .showmenu is sibling of div.hedmainmenu so I used .next()
  $(this).next(".showmenu").slideToggle();
  $(this).toggleClass("activemainmenu");
  $(this).find(".showarrowmainmenu").toggleClass("arrowright");
  $(this).find(".showarrowmainmenu").toggleClass("arrowdown");
  return false;
});

＆＃13;

jquery slideToggle with this selector

1 个答案: