2011-05-28 60 views
0

現在我已經有了這3個菜單按鈕,當你點擊1,3下滑動下的鏈接。點擊旁邊的一個將滑動3個鏈接,然後滑下3個鏈接。 (請參閱http://jsfiddle.net/VhPn7/JQuery - slideToggle - 3菜單下的3 div's

但是,我想要的是,鏈接1/2/3在菜單1/2/3下彼此相鄰。所以如果我點擊菜單2,1/2/3向上滑動,並且4/5/6向下滑動,則完全相同的位置。我會怎麼做?

+0

請小心使用元素級選擇器(div,ul,li等),因爲它們可能會干擾頁面其餘部分的內容。相反,使用類和/或ID選擇器。 – 2011-05-28 13:00:58

+0

謝謝,我知道。在生產中不使用此代碼。 – HankSmackHood 2011-05-28 13:06:48

回答

1

添加到CSS如下:

ul { 
    position: absolute; 
    left: 0; 
} 

ul li { 
    display: block; 
    float: left; 
} 

你也將有調整的項目的位置和大小,如果你想在菜單下準確地獲得。

ul { 
    left: 10px; 
} 

a { 
    width: 60px; //or another number, but it should be fixed 
} 
+0

你有小提琴演示嗎? – 2011-05-28 13:02:04

+0

這裏你去:http://jsfiddle.net/4WaDz/ – SinistraD 2011-05-28 13:09:12