switching tabs using javascript onclick
<p>I have the following HTML:</p>

<pre><code>&lt;div class="bubble"&gt;
        &lt;div class="content recommend" style="display: block; "&gt;
        &lt;h1&gt;Recommend to your friends&lt;/h1&gt;

        &lt;div id="bubble_tabs"&gt;    
            &lt;ul style="font-size:11px;"&gt;
                &lt;li id="tab1"&gt;&lt;a class="" href="#" onclick="switch_bubble_tab(this,'#friends_inveni');return false;"&gt;Favor&lt;/a&gt;&lt;/li&gt;
                &lt;li id="tab2"&gt;&lt;a href="#" onclick="switch_bubble_tab(this,'#friends_facebook');return false;" class="active"&gt;Facebook&lt;/a&gt;&lt;/li&gt;
            &lt;/ul&gt;
        &lt;/div&gt;

        &lt;div id="friends_favor" class="friends_rec" style="display: none; "&gt;
                &lt;br&gt;
                You currently have no friends. &lt;a style="text-decoration:underline;" href="/Friends/Invite/"&gt;Invite friends&lt;/a&gt; or send them a recommendation via Facebook or Email.
        &lt;/div&gt;

        &lt;div id="friends_facebook" class="friends_rec" style="display: block; "&gt;
            &lt;iframe src="" style="overflow:hidden;width:350px;height:400px;"&gt;&lt;/iframe&gt;
        &lt;/div&gt;

        &lt;/div&gt;

&lt;/div&gt;
</code></pre>

<p>I want to implement the switch_bubble_tab, so that when the tab is clicked it shows the div id passed to that function. How do I do this?</p>
