有没有办法在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>

亲爱的请提供完整的代码/小提琴，以便我们可以看到您想要达到的目标，我们可以尽快为您提供帮助。 – 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。根据您的要求放好。

答

取决于你要完成什么，你可能要嵌套的第一个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; 
}

如果情况并非如此，我认为您需要更好地定义您的问题。

有没有办法在li标签中并排放置两个div？

相关推荐