liタグに2つのdivを並べる方法はありますか？

Question

私はjqueryを使ってスクロールしているリストを持っています。私は里の中に2つの別々のdivを持っていて、それらが一緒にスクロールするようにしたいのですが、関数によって呼び出されない限り隠されています。 EG：

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

Answer 1

横並び

フィドル並ぶ2つのdivと更新フィドルを参照してください：http://jsfiddle.net/ZnZuY/1/

デモ：http://jsfiddle.net/ZnZuY/1/embedded/result/

注意：あなたは簡単に要素を識別することができますので、私はちょうど境界の境界線を入れました。私はdisplay：noneを削除しました。 #right div temporaryから、#right divのデモを見ることができます。あなたの要件に応じてそれを戻してください。

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; 
} 

これが当てはまらない場合は、質問をより明確にする必要があります。