Есть ли способ иметь два div рядом в теге li?

Question

У меня есть список, который прокручивается с помощью jquery.Я хочу иметь два отдельных div внутри li, чтобы они прокручивались вместе, но один скрыт, если не вызван функцией. 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/

Примечание: я просто поставил границу для границ, чтобы вы могли легко идентифицировать элементы. Я удалил дисплей: нет; от #right div временный, так что вы можете увидеть #right div в демоверсии. Пожалуйста, положите его обратно согласно вашему требованию.

Answer 2

В зависимости от того, что вы пытаетесь выполнить, вы можете вложить тег 2-й div внутрь тега 1-го div, чтобы содержимое 2-го div содержало содержимое тега 1-го 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;
}

Если это не так, я думаю, вам нужно лучшезадайте свой вопрос.