html - ネストされた順序付けられていないメニューがIpadをクリックする

Question

以下のようなネストされたメニューリストがあります。現時点では、誰かがメインメニュー項目をクリックすると、そのリンクをたどります。メインメニュー項目に従わずにタッチスクリーンにドロップダウンメニューを表示させる方法があるかどうか疑問に思いましたか？サブメニューは、メインメニュー項目にカーソルを合わせると表示されるようにスタイル設定されています

• メインメニュー項目
  • サブメニュー項目

Answer 1

jQuery onClick（）を使用して、私が思うサブメニューを表示できます。

現在のホバー機能はデスクトップコンピューターでも機能し、onClick（）はタッチスクリーンデバイスとデスクトップコンピューターでも機能します。

Answer 2

このデモで述べたようにあなたがやろうとしていることを願っています：http：//jsfiddle.net/akhurshid/rvy6U/

注：hoverイベントはタッチデバイスには存在しませんが、tapイベントはタッチデバイスに存在します。イベントは同じように動作tapします。click

jQuery

$('#accordion li').click(function(){

    if($('.sub').css('display') == 'none') {
        $(this).find('a').next('.sub').stop().slideToggle('slow')
    } else {
        $(this).find('a').next('.sub').stop().slideToggle('slow')    
    }

});​

HTML

<ul id="accordion">
    <li><a href="#">Section 1</a>
        <ul class="sub">
            <li>Mauris mauris ante</li> 
            <li>blandit et, ultrices a</li>
        </ul>
    </li>

    <li><a href="#">Section 2</a>
        <ul class="sub">
            <li>Mauris mauris ante</li> 
            <li>blandit et, ultrices a</li>
        </ul>
    </li>
</ul>  

CSS

.sub {
    display: none;
}​