jQuery, если ID hasClass не работает

Question

Мне нужно установить высоту класса, если идентификатор имеет определенный класс. Я использую ниже код, который не работает

if ($('#nav_menu').hasClass('active')){ 
    $('.extra').css("height","3000px"); 
} 
else{ 
    $('.extra').css("height","100%"); 
} 

HTML, из #nav_menu является <li id="nav_menu"> этот элемент списка получает класс при нажатии. Поэтому, когда это <li id="nav_menu" class="active">, класс .extra должен установить его высоту, равную 3000 пикселей.

Что случилось с моим условием if? Thanks

Answer 1

Вместо .css вы можете использовать .height. Также вы обрабатываете его с помощью обработчика .on('click',..), нет необходимости проверять, has hasClass или нет.

По умолчанию:

.extra { 
height: 100% 
} 

JS:

$('#nav_menu').on('click', function() { 
    $('.extra').height(3000px);  
});