SO - 18592303

This is a simple Bootstrap skeleton. You can fork it to get a ready to use Bootstrap fiddle.

by Arun P Johny

HTML

<script src="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.1/css/bootstrap-combined.min.css">
<div class="my-example">
    <ul id="myTab" class="nav nav-tabs">
        <li class=""><a href="#home" data-toggle="tab">Home</a>
        </li>
        <li class=""><a href="#profile" data-toggle="tab">Profile</a>
        </li>
        <li class="dropdown active">	<a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown <b class="caret"></b></a>

            <ul class="dropdown-menu">
                <li class="active"><a href="#dropdown1" data-toggle="tab">@fat</a>
                </li>
                <li><a href="#dropdown2" data-toggle="tab">@mdo</a>
                </li>
            </ul>
        </li>
    </ul>
    <div id="myTabContent" class="tab-content">
        <div class="tab-pane fade" id="home">
            <p>Raw denim you probably haven't heard of them jean shorts Austin.</p>
            <p style="display: none">mytext1</p>
        </div>
        <div class="tab-pane fade" id="profile">
            <p>Food truck fixie locavore, accusamus mcsweeney's marfa nulla single-origin coffee squid.</p>
            <p style="display: none">mytext2</p>
        </div>
        <div class="tab-pane fade active in" id="dropdown1">
            <p>Etsy mixtape wayfarers, ethical wes anderson tofu before they sold out mcsweeney's organic lomo retro fanny pack lo-fi farm-to-table readymade.</p>
            <p style="display: none">mytext3</p>
        </div>
        <div class="tab-pane fade" id="dropdown2">
            <p>Trust fund seitan letterpress, keytar raw denim keffiyeh etsy art party before they sold out master cleanse gluten-free squid scenester freegan cosby sweater.</p>
            <p style="display: none">mytext4</p>
        </div>
    </div>
    <button onclick="sendTextToServer()" id="sendButton" status="initial">Send now</button>
</div>

JavaScript

function sendTextToServer(){
    var $tab = $('#myTabContent'), $active = $tab.find('.tab-pane.active'), text = $active.find('p:hidden').text();
    alert(text)
}