简易tabs切换

把很常用的tbas切换功能封装成一个小插件，喜欢的可以拿去用下。

用的是面向对象的写法，留有初始化方法，如果不需要配置，直接调用JS就行。

支持同页面多Tabs切换，不受数量影响，对HTML布局较放松。

样式就是简单的写了一下。只是一个很小的东西，请勿喷。

只是简单的测试了下，如果发现有问题可留言。

/*
		可传参数
		$arg.tabsArea     :切换所在的容器
		$arg.tabs_tag     :标签切换事件源
		$arg.tabs_content :标签切换内容区
		$arg.isOpenFirst  :是否在初始展开第一个标签的内容
	*/
	var pre = {
		isOpenFirst : true
		}
	Au_tabs.init(pre);

 

<div class="tabsArea">
	<div class="title_Area">
    	<span class="tabs_tag">标签一</span>
    	<span class="tabs_tag">标签二</span>
    </div>
	<div class="content_Area">
    	<p class="tabs_content">
         内容一
        </p>
    	<p class="tabs_content">      
         内容二
        </p>
    </div>
</div>

 

<div class="tabsArea">
    <span class="tabs_tag">标签一</span>
    <span class="tabs_tag">标签二</span>
    <p class="tabs_content">
    内容一
    </p>
    <p class="tabs_content">       
    内容二
    </p>
</div>