如何在同一内容框中使用2列垂直标签？ [英] How to use on the same content box 2 columns of vertical tabs?

问题描述

如何创建一个与第一列相同的新列，并在右侧显示一列？

我希望新列具有与第一列相同的属性，因为我想向这个标签添加更多内容，只有1列它们很难看。

这是我尝试过的： http://jsfiddle.net/26zQS/6/

 < div class =verticalsliderid =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> 
  

解决方案

您可以使用克隆（）函数在jquery和 appendTo（）

这里是一个小提琴。 / p>

http://jsfiddle.net/btevfik/3ru6B/

How can I create a new column which is identical to the first column, and have it display one column to the right?

I want the new column to have the same properties as the first column because I want to add more things to this tabs and only on 1 column they are ugly.

Here is what I have tried: 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> 

解决方案

you can use the clone() function in jquery and appendTo()

here is a fiddle.

http://jsfiddle.net/btevfik/3ru6B/

这篇关于如何在同一内容框中使用2列垂直标签？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！