Установка дочернего элемента для ария вспененные = «истина», когда родитель содержит класс = «активный»

Question

Я хочу установить дочерний элемент aria-expanded="true", когда его родитель содержит класс active:

<li class="dropdown active"> 
    <a class="dropdown-toggle" data-toggle="dropdown" href="#" aria-expanded="true"> 
     Section 4 
     <span class="caret"></span> 
    </a> 
    <ul class="dropdown-menu"> 
     <li class=""><a href="#section41">Section 4-1</a></li> 
     <li class=""><a href="#section42">Section 4-2</a></li> 
    </ul> 
</li> 

Этот код поступает из пример here

Когда в этом примере я прокручиваю вниз до раздела 4-1 и 4-2, я бы хотел, чтобы раскрывающийся список открывался. Я пробовал несколько вещей, но я не нашел рабочего решения.

Answer 1

То, что вы на самом деле хотите, чтобы добавить класс открытый для активного падения вниз, эффект, который вы хотите не имеет ничего общего с ария вспененные = верно:

Используйте этот код:

$(window).scroll(function(){ 
if ($(".dropdown").is(".active")) { 
    $(".dropdown.active").addClass("open"); 
} 
else 
{ 
$(".dropdown").removeClass("open"); 
} 

}); 

Answer 2

Если это событие щелчка, используйте что-то похожее на это.

$('body').on('click', 'li.dropdown', function(){ 
    if($(this).hasClass('active')){ 
    $(this).children().attr('aria-expanded', true); 
    } 
}); 

или

$('body').on('click', 'li.dropdown', function(){ 
    if($(this).hasClass('active')){ 
    $(this).find('a.dropdown-toggle').attr('aria-expanded', true); 
    } 
});