jqueryの垂直ドロップダウンメニュー

Question

divをクリックすると縦型ドロップダウンメニューを表示したかったのです。私はドロップを示すことができるjQueryプラグインを探しています私はdiv要素iのリストUL要素

<div id="somediv"> 
<ul id="menulist"> 
<li>Item one 
    <ul> 
     <li>Subitem one</li> 
     <li>Subitem two</li> 
    </ul> 
</li> 
<li>Item two</li> </ul> </div> 

を持っているのHTML DOM内の

<div id="menu"><img src="image.png">Menu</div> 

そしてどこかで画像要素を持っていると仮定。私はクリック$（「＃メニュー」）を言うときダウンメニュー -

メニューとして、画像の下にメニューリストの>ショーの要素を使用すると、プラグインが必要なのはなぜすべてのヘルプは

Answer 1

これは簡単です。

$('#menu').click(function(){ 
    var $somediv = $('#somediv'); 
    if($somediv.is(':visible')){ 
     $somediv.hide(); 
    } 
    else{ 
     var $this = $(this); 
     $('#somediv').css({ 
      top: $this.offset().top + $this.height(), 
      left: $this.offset().left, 
      position: 'absolute'//this can be set using css 
     }).show(); 
    } 
}); 

Answer 2

をにappriciatedでしょうか？これは、比較的簡単にコーディングする必要があります。ユーザーが.hide、.showまたは.toggleのjQueryのプロパティを使用すると、そのdivがクリックされたときにリストの表示を切り替えることができます。コンテキストメニュー（右クリックで表示可能）にするにはもう少し作業が必要ですが、右クリック機能を引き継いだときには大部分の人がそれを嫌っていることに注意してください。