如何將懸停改爲點擊？

Question

現在它可以用於懸停。我只需要使其在點擊上工作，以便在移動設備上正常工作。

.nav需要#access，但之後我迷路了。我該如何改變.nav以匹配來自wordpress的css？

我試圖讓http://webdesigntutsplus.s3.amazonaws.com/tuts/378_tessa/tessa-lt-dropdowns-21c7868/index.html與wordpress一起工作。

http://jsfiddle.net/scottbotkins/dbW2Q/

var ww = document.body.clientWidth; 

$(document).ready(function() { 
    $(".nav li a").each(function() { 
     if ($(this).next().length > 0) { 
      $(this).addClass("parent"); 
     }; 
    }) 

    $(".toggleMenu").click(function(e) { 
     e.preventDefault(); 
     $(this).toggleClass("active"); 
     $(".nav").toggle(); 
    }); 
    adjustMenu(); 
}) 

$(window).bind('resize orientationchange', function() { 
    ww = document.body.clientWidth; 
    adjustMenu(); 
}); 

var adjustMenu = function() { 
    if (ww < 768) { 
     $(".toggleMenu").css("display", "inline-block"); 
     if (!$(".toggleMenu").hasClass("active")) { 
      $(".nav").hide(); 
     } else { 
      $(".nav").show(); 
     } 
     $(".nav li").unbind('mouseenter mouseleave'); 
     $(".nav li a.parent").unbind('click').bind('click', function(e) { 
      // must be attached to anchor element to prevent bubbling 
      e.preventDefault(); 
      $(this).parent("li").toggleClass("hover"); 
     }); 
    } 
    else if (ww >= 768) { 
     $(".toggleMenu").css("display", "none"); 
     $(".nav").show(); 
     $(".nav li").removeClass("hover"); 
     $(".nav li a").unbind('click'); 
     $(".nav li").unbind('mouseenter mouseleave').bind('mouseenter mouseleave', function() { 
      // must be attached to li so that mouseleave is not triggered when hover over submenu 
      $(this).toggleClass('hover'); 
     }); 
    } 
} 

Answer 1

一個簡單的解決辦法是等清除

#access ul li:hover > ul { 
    display: block; 
} 

從CSS

和

添加此jQuery代碼

$('#menu-navigation li').click(function(){ 
     $(this).find('.sub-menu').show(); 
     $(this).siblings().find('.sub-menu').hide(); 
}); 

你將不得不改變代碼來獲得你正在尋找的東西。