JavaScript控制台的jQuery了slideDown功能

Question

Javscript代码

/* ---------- ----------子菜单*/

$('.dropmenu').click(function(e){ 

    e.preventDefault(); 

    $(this).parent().find('ul').slideDown(); 

}); 

网页代码

<li> 
     <a class="dropmenu" href=""><i class="fa-icon-folder-close-alt"></i><span class="hidden-tablet"> Databases</span></a> 
     <ul> 
      <li><a class="submenu" href="/rinks"><i class="fa-icon-file-alt"></i><span class="hidden-tablet"> Rinks</span></a></li> 
      <li><a class="submenu" href=""><i class="fa-icon-file-alt"></i><span class="hidden-tablet"> Users</span></a></li> 
     </ul> 
    </li> 

因此，当单击元素 “a class =”dropmenu“href =”时，触发下拉菜单的代码片段就会展开。

我想触发这个事件时，另一个元素有一个值设置，但我不知道如何从控制台调用滑动功能。

我不想用click（）命令触发。我希望能够执行$（this）.parent（）。find（'ul'）。slideDown（）;但从控制台端。这样我可以调用其他函数，如slideToggle。基本上我想要能够触发下面的代码来触发滑动，而不是点击事件，我会删除点击事件。

$(document).ready(function(){ 
    //Message functions 
    if (document.getElementbyId("testing").value == "BestGame"){ 
     $(this).parent().find('ul').slideDown(); 

    } 

Answer 1

可以声明一个方法是在click事件从控制台称为

$('.dropmenu').click(function (e) { 
    var el = this; 
    e.preventDefault(); 
    toggleMenu(el); 
}; 
var toggleMenu = function (el) { 
    $(el).parent().find('ul').slideDown(); 
} 

因此，所有你必须做的是

toggleMenu('.dropmenu')