Better format to develop a vertical tab plugin?
<p>I was trying to develop the vertical tabs plug-in with jQuery, just to learn. I came across a couple of examples, one of jQuery's own and one other plug-in. They implement the <strong>tabs</strong> using unordered lists and the content using <strong>div</strong> elements. In case, although I do not see a reason to why this should happen, javascript is not working or not enabled, they will look like a bunch of list items followed by random unrelated content.</p>

<p>Since I'm just learning, I intuitively did this simple mark-up: </p>

<pre><code>&lt;ul id="vTabs"&gt;
    &lt;li id="tabs"&gt;
        &lt;div id="tab_1"&gt;Show 1&lt;/div&gt;
             &lt;div id="tab_2"&gt;Show 2&lt;/div&gt;
    &lt;/li&gt;
    &lt;li id="content"&gt;
        &lt;div id="content_1"&gt;this is data div 1&lt;/div&gt;
        &lt;div id="content_2"&gt;this is data div 2&lt;/div&gt;
    &lt;/li&gt;
&lt;/ul&gt;            
</code></pre>

<p>Could someone please guide me by telling if this is bad or okay or good? Shall I proceed with this hands-on?</p>
