js切换：使锚触发另一个页面中的切换

Question

因此，我有2种不同的切换，当您单击“信息1”，然后单击“链接1”（这将使其转到网站的另一页）时，我希望它触发切换“信息2”以打开更多信息信息，但我无法弄清楚。

（在此示例中，我在同一页面上添加了两个切换开关，但最初应该是分开的）

http://jsfiddle.net/qef9zvt4/2/

HTML：

第1节

<ul class="accordion-media-types">
<li>
    <a href="">Info 1</a>
    <div class="hidden-content">
        content
        <ul>
            <li>
                <a href="">link 1</a>
            </li>
        </ul>
    </div>
</li>

第二节

    <!-- THIS WOULD BE IN A DIFFERENT PAGE -->



<ul class="accordionListing">
<li>
    <div class="accordion-heading">
        <a href="">Info 2</a>
    </div>

    <div class="accordion-info section_22">
        content
    </div>
</li>

JS：

//SECTION 1
$(document).on('click', '.accordion-media-types > li > a', function (e) {
e.preventDefault();
$(this).closest('li').toggleClass('active').find('.hidden-content').slideToggle(500);
});


//SECTION 2

$(document).on('click', '.accordionListing > li > div > a', function (e) {
e.preventDefault();
$(this).closest('li').toggleClass('active').find('.accordion-info').slideToggle(500);
});

Answer 1

您到底想做什么？ 单击链接时打开第二个div？

看看这个小提琴： http : //jsfiddle.net/qef9zvt4/9/

您可以添加

$(document).on('click', '.accordion-media-types > li > div > ul > li > a', function (e) {
    $(".accordionListing > li > div > a").trigger("click");
});

如果在另一个页面中，您不能使用document.ready打开div吗？ 还是仅在首页上单击链接时才需要打开它？