tab标签怎么使每个标签内容不一样

[qq_32373959]

现在有一h5+svg+css的tab标签，但本身的标签是，每个标签内的内容是一样的
请问要怎么改才能使点不同的标签显示不同的内容

[qq_32373959]

<nav role="navigation" class="main-navigation"> <ul> <li class="tab-1 active" data-bg-color="rgba(148, 214, 0, 1.0)"> <a href="#home"> <span>Home</span> <svg viewBox="0 0 122 40"> <use xlink:href="#tab-shape"></use> </svg> </a> </li> <li class="tab-2" data-bg-color="rgba(184, 210, 0, 1.0)"> <a href="#about"> <span>About</span> <svg viewBox="0 0 122 40"> <use xlink:href="#tab-shape"></use> </svg> </a> </li> <li class="tab-3" data-bg-color="rgba(184, 210, 0, 1.0)"> <a href="#clients"> <span>Clients</span> <svg viewBox="0 0 122 40"> <use xlink:href="#tab-shape"></use> </svg> </a> </li> <li class="tab-4" data-bg-color="rgba(184, 210, 0, 1.0)"> <a href="#contact"> <span>Contact</span> <svg viewBox="0 0 122 40"> <use xlink:href="#tab-shape"></use> </svg> </a> </li> </ul> </nav> <div class="main-content"> <article class="article"> <div style="text-align:center;clear:both"> <script src="/gg_bd_ad_720x90.js" type="text/javascript"></script> <script src="/follow.js" type="text/javascript"></script> </div> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ipsa totam cumque ad repellendus ab ea repellat aperiam accusantium labore officia est culpa fugiat eaque magnam a. Labore molestias ea at maiores inventore veritatis cupiditate cum doloribus quisquam eum et asperiores!</p> </article> </div> html代码

[qq_32373959]

var menuItems = $('.main-navigation li'); menuItems.on("click", function(event) { menuItems.removeClass("active"); $(this).addClass("active"); $(".main-content").css({ "background": $(this).data("bg-color") }); event.preventDefault(); }); 这是JS的

[qq_32373959]

引用 2 楼 ab637800 的回复:

你把代码贴出来。

贴了

[ab637800]

你可以这样嘛 点那个就让那个li显示,其他的隐藏

[qq_32373959]

引用 7 楼 ab637800 的回复:

你可以这样嘛 点那个就让那个li显示,其他的隐藏

能给个具体代码吗，新手，不懂怎么改，谢谢啊

[ab637800]

http://my.oschina.net/u/572246/blog/67150

[qq_32373959]

引用 9 楼 ab637800 的回复:

http://my.oschina.net/u/572246/blog/67150

加QQ联系下，你给的那个好像不适应我这个页面，871841784

[qq_32373959]

引用 3 楼 AlexMoonshadow 的回复:

可以考虑js拼页面，两个tab全用js拼出来，都是活的。

两个JS？？怎么拼

[AlexMoonshadow]

js拼页面啊。

[qq_32373959]

引用 12 楼 AlexMoonshadow 的回复:

js拼页面啊。

新手不懂拼

[qq_32373959]

有两标签A和B，现在是A和B共用了一个内容，我想实现的是，点A显示A的内容，点B显示B的内容。要怎么改，大神们

[ab637800]

你把代码贴出来。

[AlexMoonshadow]

可以考虑js拼页面，两个tab全用js拼出来，都是活的。