Javascript 点击“下一步”按钮时更改选项卡

我需要在单击每个选项卡末尾的下一个绿色按钮时切换选项卡。 给你

目前的情况是，我可以通过点击标签移动到标签。 但我需要在单击下一步按钮时转到下一个选项卡

以下是我的脚本代码：

 <script type="text/javascript">
var countries=new ddtabcontent("countrytabs")
countries.setpersist(true)
countries.setselectedClassTarget("link") //"link" or "linkparent"
countries.init()
</script>

var国家=新的ddtabcontent（“国家标签”）
countries.setpersist（true）
countries.setselectedClassTarget（“链接”）/“链接”或“链接父项”
countries.init（）

我在导航中使用此选项：

        <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>

为单个选项卡div提供id，如：

          <div id="country1" class="tabcontent">
          <div id="country2" class="tabcontent">
          <div id="country3" class="tabcontent">
          <div id="country4" class="tabcontent">

只需调用选项卡链接的单击事件。因此，对于第一个“下一步”按钮，javascript将调用

document.getElementById（'videocoverage'）。单击（）

可以使用stackoverflow的类似功能：