Question

所以当你点击＆＃39; info 1＆＃39;时，我有2个不同的切换。然后点击“链接1＆＃39; （这会使它进入网站的另一页）我希望这能触发切换＆＃39;信息2＆＃39;打开更多信息，但我无法解决这个问题..

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

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>

第2节

    <!-- 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吗？或者它是否只需要在第一页上打开时，点击链接？

js toggle：使锚点触发不同页面中的切换

1 个答案: