有沒有辦法在li標籤中並排放置兩個div？

我有一個使用jQuery進行滾動的列表。我想在裏面有兩個獨立的div，所以他們一起滾動，但其中一個隱藏，除非被函數調用。 EG：有沒有辦法在li標籤中並排放置兩個div？

<ul id="scrollul"> 
    <li id="item1" class="active"> 
    <div>1</div> 
    <div style="display:none;">2</div> 
    </li> 
</ul>

來源

2012-03-19 ACynicalGeek

親愛的請提供完整的代碼/小提琴，以便我們可以看到您想要達到的目標，我們可以儘快爲您提供幫助。 – w3uiguru 2012-03-19 17:35:24

[鏈接]（http://jsfiddle.net/ZnZuY/）我希望當您單擊每個項目時彈出另一個框。我可以計算出需要的jquery，只需要將html排序爲在現有項目旁邊有框即可。 – ACynicalGeek 2012-03-19 18:08:55

請參閱更新的小提琴並排排列兩個div。 – w3uiguru 2012-03-19 18:43:14

見有並排排列的第二面的div更新的小提琴

小提琴：http://jsfiddle.net/ZnZuY/1/

演示：http://jsfiddle.net/ZnZuY/1/embedded/result/

注：我只是把邊境邊界，所以你可以很容易地識別元素。我刪除了顯示：無;從#right div臨時，所以你可以在演示中看到#right div。根據您的要求放好。

來源

2012-03-19 18:43:02 w3uiguru

取決於你要完成什麼，你可能要嵌套的第一個div標籤內的第2個div標籤，這樣第二個DIV內容有一日div標籤內容它的容器，象下面這樣：

HTML

<ul id="scrollul"> 
    <li id="item1" class="active"> 
     <div id="div1"> 1st content 
     <div id="div2">2nd content</div> 
     </div> 
    </li> 
</ul>

CSS

#item1{ 
    list-style:none; 
} 

#div1{ 
    position:relative; 
    float: left; 
} 

#div2{ 
    position:absolute; 
    float:left; 
    display: none; 
}

如果情況並非如此，我認爲您需要更好地定義您的問題。

來源

2012-03-19 17:47:12

有沒有辦法在li標籤中並排放置兩個div？

回答

相關問題