只今、Webの構築中
どうして開閉式メニューが上手くいかない。
jQueryで多次元階層で開閉式メニュを実現しているが、
最後の階層が変な動きをしている。
ソース↓
<div id="menu">
<ol>
<li>洋菓子</li>
<ol>
<li>チョコレート</li>
<ol>
<li clss="grp">生チョコレート</li>
<ol>
<li>抹茶</li>
<li>ミルク</li>
<li>なま</li>
<li>その他</li>
</ol>
</ol>
</ol>
</div>
jQuery
$(function() {
$('#menu li').click(function() {
$(this).next().slideToggle('slow');
});
});
上位階層は正常な動きをするが、
一番最後の階層(抹茶、ミルクの階層)が上手くいかない。
抹茶をクリックすると、ミルクが開閉され、
なまをクリックするとその他が開閉される始末。
それ以外は正常に開閉動作されるので、
問題ないが、どうやったら解決出来るか考え中