Табы js + html

html + js

    <div class="wrapp_tabs">

        <ul class="tabs_list">

            <li class="tabs_item active">

            </li>

            <li class="tabs_item">
            </li>

            <li class="tabs_item">
            </li>

            <li class="tabs_item">
            </li>

            <li class="tabs_item">
            </li>

        </ul>

        <div class="wrapp_tabs_content">

            <div class="tabs_content">

            </div>

            <div class="tabs_content">

            </div>

            <div class="tabs_content">

            </div>

            <div class="tabs_content">

            </div>

            <div class="tabs_content">

            </div>

        </div>

    </div>


	/**
	**  Tabs
	**/

	tabs: function(){

	    $('.wrapp_tabs').each(function(){

	        var $this = $(this),
	            active = $this.find('.tabs_list').find(".tabs_item.active"),
	            index = active.index();

	        $this.find('.wrapp_tabs_content').children(".tabs_content").eq(index).show().siblings().hide();

	    });

	    $('.tabs_list').on('click', '.tabs_item', function(){

	        var listIndex = $(this).index(),
	        	tabActive = $(this).closest('.wrapp_tabs').find('.wrapp_tabs_content').children().eq(listIndex);

	        $(this)
	        .addClass('active')
	        .siblings()
	        .removeClass('active');

	        tabActive
	        .addClass('active')
	        .show()
	        .siblings()
	        .removeClass('active')
	        .hide();

	    });

	},