2017-07-04 105 views
0

我建立我的網站基於Wordpress並添加了一個手機菜單。現在我掛在問題上,當我點擊菜單項時子菜單不會摺疊。WordPress的子菜單Jquery不工作

在Wordpress中子菜單的常規名稱是.sub菜單,當有更多的子菜單的菜單摺疊時,當我點擊菜單項有子菜單,但所有子菜單的崩潰,而我只想被點擊的那個被摺疊。

閱讀關於(this)的功能,但無法使其工作。

我做錯了什麼建議?

我的默認代碼,這使得每個子菜單可見當點擊菜單項:

(function($){ 
jQuery(document).ready(function() { 
    jQuery('#mobilenav .menu-item-has-children').click(function(){ 
     jQuery('#mobilenav .sub-menu').toggleClass('openup1'); 
    }); 
}); 

})(jQuery); 

我做了,但它的代碼是不工作:

(function($){ 
jQuery(document).ready(function() { 

    jQuery('#mobilenav .menu-item-has-children').click(function(){ 
      jQuery(this).closest('#mobilenav .sub-menu').toggleClass('openup1'); 
     }); 

}); 

})(jQuery); 

回答

0
jQuery(this).children('.sub-menu').first().toggleClass('openup1'); 
+0

這個偉大的工程!到目前爲止,我還沒有看到,這個(這個)是指之前命名的div? (#mobilenav .menu-item-has-children)ans這些孩子意味着名爲.sub-menu的孩子和.first表示主要div中的第一個子菜單。而openup1是被添加的div名稱?謝謝! – Christiaan