gpt4 book ai didi

javascript - js切换: making an anchor trigger a toggle in a different page

转载 作者:行者123 更新时间:2023-11-28 17:29:19 24 4
gpt4 key购买 nike

所以我有 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>

第 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);
});

最佳答案

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

看看这个 fiddle :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吗?还是只有在第一页点击链接时才需要打开?

关于javascript - js切换: making an anchor trigger a toggle in a different page,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26467058/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com