Нужно чтобы ссылка-якорь открывала содержимое аккордеона в аккордеоне. В данном примере на #toggle-1.1. Можно ли как-то делать проверку родительских чекбоксов и открывать их? Скрипт приведенный ниже открывает по якорю только первый аккордеон. Очень нужно для входящих ссылок и продвижения ссылаться конкретно на пункт аккордеона.
<ul class="accordion">
<li class="accordion_item">
<label class="accordion_trigger" for="toggle-1">Заголовок 1</label>
<input type="checkbox" class="accordion_toggle" id="toggle-1" />
<div class="accordion_target">
<ul class="accordion">
<li class="accordion_item">
<label class="accordion_trigger" for="toggle-1.1">Заголовок 1.1</label>
<input type="checkbox" class="accordion_toggle" id="toggle-1.1" />
<div class="accordion_target">
<p>
Текст
</p>
</div>
</li>
<li class="accordion_item">
<label class="accordion_trigger" for="toggle-1.2">Заголовок 1.2</label>
<input type="checkbox" class="accordion_toggle" id="toggle-1.2" />
<div class="accordion_target">
<p>
Текст
</p>
</div>
</li>
</ul>
</div>
</li>
<li class="accordion_item">
<label class="accordion_trigger" for="toggle-2">Заголовок 2</label>
<input type="checkbox" class="accordion_toggle" id="toggle-2" />
<div class="accordion_target">
<p>
Текст
</p>
</div>
</li>
</ul>
<script>
window.addEventListener('load', function() {
location.hash && (document.querySelector(location.hash).checked = true)
});
</script>