Question

我尝试在我的网页上找到以下问题的解决方案：

我的页面上有很多手风琴
有些手风琴（让我们称之为_main）显示点击其他手风琴（让我们调用那些_sub）和_sub显示点击内容，如带数据的表格
每个手风琴都有自己的片段网址（如＃sub_1_A或＃test1_main）
如果使用片段URL访问页面#accordion_main，手风琴打开并显示其内容
但如果使用像＃sub_1_A这样的子网的片段网址访问该网页，则属于_main的网页无法打开。即使_sub打开并显示其内容但用户因为_main仍然关闭而无法看到它

我试着写一个小的jQuery脚本，它应该在点击_sub之前执行点击_main。但这不起作用_main仍然关闭。

问题是，当用户使用_sub手风琴碎片网址访问网页时，如何打开_main手风琴？

以下是一些代码段：

<!-- Accordion Element 2 Sub -->
<div class="balken"><div class="balkenclosed"><a id="test1_main" 
style="text-decoration:none; color:black;" href="#test_1_main">
Test 1 main element</a></div></div>

<div class="inhalt">
<!-- some code which create tabs -->

<!-- Accordion Element 2 Sub -->
<div class="balken"><div class="balkenclosed"><a id="sub1A"
style="text-decoration:none; color:black;" href="#sub_1_A">
Sub 1 A element</a></div></div>

<div class="inhalt">
<!-- some code which create content/tables -->

使用此脚本，我试图点击包含_main accordion

的div

if (window.location.href.indexOf('#') !== -1) {
$('test1_main').trigger('click');
$('#' + window.location.href.split('#')[1]).parent().click(); }

我还用这些片段制作了codepen。

以下是我的测试页面的一些链接，以澄清我的问题：

link to a main accordion - open

link to a sub accordion - not open

使用片段URL显示隐藏/嵌套在两个手风琴中的内容

0 个答案: