最初の列と同じ新しい列を作成し、1 列分右に表示するにはどうすればよいですか?
新しい列に最初の列と同じプロパティを持たせたいのは、このタブにさらに多くのものを追加したいのですが、1つの列だけが醜いからです。
これが私が試したことです:http://jsfiddle.net/26zQS/6/
<div class="verticalslider" id="textExample">
<ul class="verticalslider_tabs">
<li><a href="#">Catedra de Limba si Literatura Romana</a></li>
<li><a href="#">Catedra de Matematica</a></li>
<li><a href="#">Catedra de Informatica</a></li>
<li><a href="#">Limba engleza</a></li>
<li><a href="#">Limba Germana</a></li>
</ul>
<ul class="verticalslider_contents">
<li>
<h2>Catedra de Limba si Literatura Romana</h2></br>
<p id="profesor">
Popa Alina </br>
Nadia Pascu</br>
</p>
</li>
<li>
<h2>Catedra de Matematica</h2></br>
<p id="profesor">
Ciubotariu Boer-Vlad </br>
Diaconu Ilie</br>
Gorcea Violin </br>
</p>
</li>
<li>
<h2>informatica</h2>
<p id="profesor">
Wainblat Gabriela</br>
Nistor Ancuta</br>
</li>
<li>
<h2>Limba Engleza</h2>
<p id="profesor">
Wainblat Gabriela</br>
Nistor Ancuta</br>
</li>
<li>
<h2>Germana</h2>
<p id="profesor">
Wainblat Gabriela</br>
Nistor Ancuta</br>
</li>
</ul>
</div>