以下の jsfiddle を見ると、3 つのドロップダウン メニュー (DROP1、DROP2、DROP3) があります。最初のコンテンツは左端に固定されますが、2 番目と 3 番目のコンテンツはそれぞれのボタン ボタンのすぐ下から始まります。
jsfiddle: http://jsfiddle.net/6a3eZ/73/
問題は、2 番目と 3 番目のドロップダウンのコンテンツを左端にも固定する方法です (負のマージンで別のスタイルを適用せずに)。
どうもありがとう。
jQuery(document).ready(function ($) {
jQuery('.menu ul').slideUp(0);
jQuery('.menu li.sub').click(function () {
var target = jQuery(this).children('a');
if(target.hasClass('menu-expanded')){
target.removeClass('menu-expanded');
}else{
jQuery('.menu-item > a').removeClass('menu-expanded');
target.addClass('menu-expanded');
}
jQuery(this).find('ul:first')
.slideToggle(400)
.end()
.siblings('li')
.find('ul')
.slideUp(400);
});
});