JS: Simple Tab - tabs

tabs.html

<script>
  $('.ttabs').on("click", " .ttab", function () {
        $(this).siblings().removeClass('active');
        $(this).addClass('active');
        var tabID = $(this).attr('data-ttab');

        var tabSelected = $(this).closest('.ttabs-wrap').find("[data-ttab='" + tabID + "']");
        tabSelected.siblings().removeClass('active');
        tabSelected.addClass('active');

    });
</script>

<section class="ttabs-wrap">
    <div class="container">
        <div class="row">
            <div class="col-xs-12">
                <div class="ttabs">
                    <div class="ttab active" data-ttab="one">Title tab one</span></div>
                    <div class="ttab" data-ttab="two">Title tab two</div>
                    <div class="ttab" data-ttab="three">Title tab three</div>
                </div>
                <ul class="active" data-ttab="one">
                    <li>
                    </li>
                </ul>
                <ul data-ttab="two">
                    <li>
                    </li>
                </ul>
                <ul data-ttab="three">
                    <li>
                    </li>
                </ul>
            </div>
        </div>
    </div>
</section>