如何从另一个页面切换手风琴按钮

Question

我的网站首页有一个手风琴菜单。单击主菜单时，手风琴使用 jQuery 切换。但是当从另一个页面的主菜单 link 到它时，它不起作用。

主菜单

<ul id="menu-aaa" class="primary-menu">
<li id="menu-item-1">
<a href="toppage">home</a></li>
<li id="menu-item-2">
<a href="https://ccc/#aaa">aaa</a></li>
<li id="menu-item-3">
<a href="https://ccc/#bbb">bbb</a></li>
</ul>

手风琴菜单

<div id="aaa" class="testmenu">
<label for="testmenu_bar01"></label>
<input type="checkbox" id="testmenu_bar01" class="accordion">
<ul id="links01">
    <li class="testmenu01-li-01"><a href="">link1</a></li>
    <li class="testmenu01-li-02"><a href="">link2</a></li>
    <li class="testmenu01-li-03"><a href="">link3</a></li>
    <li class="testmenu01-li-04"><a href="">link4</a></li>
</ul>
</div>

<div id="bbb" class="testmenu">
<label for="testmenu_bar02"></label>
<input type="checkbox" id="testmenu_bar02" class="accordion">
<ul id="links02">
    <li class="testmenu02-li-01"><a href="">link1</a></li>
    <li class="testmenu02-li-02"><a href="">link1</a></li>
    <li class="testmenu02-li-03"><a href="">link1</a></li>
    <li class="testmenu02-li-04"><a href="">link1</a></li>
</ul>
</div>

jQuery

$(function($){

    $("ul.primary-menu > li.menu-item-2 > a").click(function() {
        $('input#testmenu_bar01').prop('checked',true);
    })
       
    $("ul.primary-menu > li.menu-item-3 > a").click(function() {
        $('input#testmenu_bar02').prop('checked',true);
        $('li.testmenu01-li-02').css('margin-top','2vh');
    })

});

我读了这个我试着添加

$(location.hash).find(.accordion).prop('checked', true);

我的线，但它是错误的。

然后，我尝试了这个（在我的 wordpress 网站上）

jQuery(function($){ 

  var url = $(window.location.href); 
  var hash = url.substring(url.indexOf('#'));
  $(hash).find('input[type=checkbox]').prop('checked', true);
    
});

但是出了点问题，没用。

Answer 1

我使用这个 jQuery 代码解决了这个问题；

$(location.hash).find('input[type=checkbox]').prop('checked', true);

谢谢。

如何从另一个页面切换手风琴按钮

How to toggle accordion button from another page

html

css

jquery

accordion

toggle