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 =”元素時，我有這段代碼觸發下拉菜單展開。

我試圖在另一個元素設置了一個值時觸發此事件，但我無法弄清楚如何從控制台調用slidedown函數。

我不想用click（）命令觸發。 我希望能夠執行$（this）.parent（）。find（'ul'）。slideDown（）; 但是從控制台方面來說。 這樣我就可以調用其他函數，比如slideToggle。 基本上我希望能夠敲響下面的代碼來觸發slidedown，而不是click事件，我會刪除click事件。

    $(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')