現在我已經有了這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向下滑動,則完全相同的位置。我會怎麼做?
現在我已經有了這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向下滑動,則完全相同的位置。我會怎麼做?
添加到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
}
你有小提琴演示嗎? – 2011-05-28 13:02:04
這裏你去:http://jsfiddle.net/4WaDz/ – SinistraD 2011-05-28 13:09:12
請小心使用元素級選擇器(div,ul,li等),因爲它們可能會干擾頁面其餘部分的內容。相反,使用類和/或ID選擇器。 – 2011-05-28 13:00:58
謝謝,我知道。在生產中不使用此代碼。 – HankSmackHood 2011-05-28 13:06:48