выпадающий список ul li, нижние объекты опускаются, когда я открываю меню

#jquery #css

Вопрос:

Когда я открываю раскрывающееся меню ul, я не хочу, чтобы базовые объекты скользили, как я могу это сделать?

 $("ul").on("click", function() {  $(this).closest("ul").children('li:not(.init)').toggle(); }); 
 ul {  max-height:100px;  overflow:auto;  width:250px;  border:1px solid #CCC;   } ul li:not(.init) {  padding: 5px 10px;  display:none  } textarea{  resize:none;  } 
 lt;script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"gt;lt;/scriptgt; lt;ul class="selected-change"gt; lt;li class="init"gt;Selectlt;/ligt; lt;ligt;Example 1lt;/ligt; lt;ligt;Example 2lt;/ligt; lt;ligt;Example 3lt;/ligt; lt;ligt;Example 4lt;/ligt; lt;ligt;Example 5lt;/ligt; lt;ligt;Example 6lt;/ligt; lt;/ulgt; lt;textarea placeholder="...."gt;lt;/textareagt; 

Заранее благодарю вас.

Ответ №1:

Я считаю, что если вы добавите абсолютное положение в меню, оно должно сработать

Комментарии:

1. да, я знаю, но на этот раз это выводит лежащие в основе объекты на первый план, поэтому я почувствовал необходимость задать вопрос.