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

Question

我想在单击锚点链接时自动打开手风琴标签，您能帮我怎么做吗？

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

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

Answer 1

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

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