Question

我有一个使用jquery滚动的列表。我想在li里面有两个独立的div，所以它们一起滚动，但是除非被函数调用，否则一个是隐藏的。的 EG：

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

Answer 1

看到更新的小提琴，两个div并排排列

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

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

注意：我只是为边界添加边框，以便您可以轻松识别元素。我删除了display：none;来自#right div temporary，所以你可以在demo中看到#right div。 PLease根据您的要求将其退回。

Answer 2

根据您要完成的操作，您可能希望将第二个div标记嵌套在第一个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？

2 个答案: