ToggleClass не работает должным образом (или, возможно, просто ошибка кода) ⇐ CSS

[Anonymous]

Я пытаюсь сделать так, чтобы мой div отображался после нажатия кнопки. Вот код

Код: Выделить всё

[i][/i]


[i][/i]  Edit
[i][/i]  Delete

Код: Выделить всё

div.post-menu div.menu-lists {
/* display: none; */
position: absolute;
width: 140px;
right: 0;
background-color: #ffffff7f;
backdrop-filter: blur(8px);
border-radius: 20px;
margin: 10px 5px;
z-index: 99;
overflow: hidden;
padding: 0 20px;
height: 0;
}

.activePostMenu {
padding: 20px;
height: 124px;
}

Код: Выделить всё

$("button.button").click(function(){
$(".menu-lists").toggleClass("activePostMenu");
});

Я не вижу ошибок в веб-консоли, поэтому не могу найти здесь проблему.
(Раздел div также не находится за пределами родительского элемента, так как раньше он размещался нормально. скрываю это)

Подробнее здесь: https://stackoverflow.com/questions/726 ... code-error