首页 文章

单击锚点链接时，“手风琴”选项卡会自动打开

提问于
浏览 次
0

我想在点击锚链接时自动打开手风琴选项卡，你能帮我怎么做吗？

下面是示例代码 . 感谢您的帮助！

HTML

<ol>
  <li><a href="#australia">Australia</a>
    <ol>
      <li><a href="#sydney">Sydney</a></li>
    </ol>
  </li>
</ol>


<button class="accordion">Trips</button>
                <div class="panel">
                  <h3>Visit <span id="australia">Australia</span></h3>
                  <p>More text...</p>
                </div>

<button class="accordion">Itinerary</button>
                <div class="panel">
                  <h3>Explore <span id="sydney">Sydney</span></h3>
                    <p>More text...</p>
                </div>

JS

$('.accordion').click(function(){

  if( $(this).hasClass('active') ){
    $(this).removeClass('active');
    $(this).next().removeClass('show');
  }else{
    $('.accordion').removeClass('active');
    $('.panel').removeClass('show');

    $(this).addClass('active');
    $(this).next().addClass('show');
  }

})

DEMO

javascript jquery accordion

1 回答

  • 0

    只需在代码中添加脚本部分（考虑当前的标记结构）：

    $("ol li a").click(function(){
    $($(this).attr('href')).closest('.panel').prev('.accordion').trigger('click')
    return false
});
    回复于

相关问题