Показать сообщение отдельно
  #1 (permalink)  
Старый 13.02.2016, 18:04
Аспирант
Отправить личное сообщение для Pobedill Посмотреть профиль Найти все сообщения от Pobedill
 
Регистрация: 10.02.2016
Сообщений: 46

Проверка родительских чекбоксов и их раскрытие
Нужно чтобы ссылка-якорь открывала содержимое аккордеона в аккордеоне. В данном примере на #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>

Последний раз редактировалось Pobedill, 13.02.2016 в 22:28.
Ответить с цитированием