我需要在单击每个选项卡末尾的 NEXT 绿色按钮时切换选项卡。这里是http://www.cmsonlinehelp.com/ann/events
目前发生的事情是我可以通过点击它们来移动到标签。但我需要在单击 NEXT 按钮时移至下一个选项卡。
这是我的脚本代码:
<script type="text/javascript">
var countries=new ddtabcontent("countrytabs")
countries.setpersist(true)
countries.setselectedClassTarget("link") //"link" or "linkparent"
countries.init()
</script>
我在导航中使用它:
<ul id="countrytabs" class="shadetabs">
<li><a href="#" rel="country1" class="selected">Photography Coverage</a></li>
<li><a href="#" rel="country2" id="videocoverage">Video Coverage</a></li>
<li><a href="#" rel="country3" id="djcoverage">Dj Coverage</a></li>
<li><a href="#" rel="country4" id="eventcoverage">Event Details</a></li>
</ul>
将 id 赋予单个选项卡 div,例如:
<div id="country1" class="tabcontent">
<div id="country2" class="tabcontent">
<div id="country3" class="tabcontent">
<div id="country4" class="tabcontent">