и по этому он смещается

Всем привет, возможно ли в jquery перебирать все next элементы, пока не сработает какое то условие?

что за next элементы?

типо потомки в дом дереве

наверное он это имеет ввиду

хм тогда очень странное понимание DOM дерева

в чем странность?)

next следующий а если потомки(вложенные) то children.
Да и в дереве нет такого понятия как следующий. Есть вложенность есть 1 есть последующий либо его номер. Но нет Даже понятия next.

тут правильнее сказать сестринские, $('selector').next()

https://api.jquery.com/next/
в jQuery есть)

есть. Но проектов с реальным использованием нет)
так как незачем

Подскажите как сделать чтобы была задержка перед открытием 30 секунд?

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-cookie/1.4.1/jquery.cookie.js"></script>

<script>
$(document).ready(function(){
if (!$.cookie('alert')) {
   $('.popup-overlay').show();  
   var date = new Date();
   date.setTime(date.getTime() + 24 * 60 * 60 * 1000);
    $.cookie('alert', true, { expires: date });
 }
});
</script>

спасибо

Друзья подскажите как можно реализовать простой select

Есть один селект  где пользовать выбирает тип транспорта.

Первый select это Машины, мотоцыклы

Если выбран Машины то нужно показать селект где нужно выбрать тип двигателя к примеру.

- Двигатель 1
- Двигатель 2

Если выбран мотоцыклы, то нужно марку выбрать
- Honda
- Другое

Подскажите как такое реализовать блин уже устал искать информацию. и както скрытьвать эти селекты от выбранного пункта.

а как вы пробовали сделать?

<select id="select1">
               <option selected disabled>Выбирите</option>
               <option value="select2_1">Список1</option>
               <option value="select2_2">Список2</option>
           </select>

           <div id="step2">
               <select id="select2_1" name="select_1">
                   <option selected disabled>Выбирите(список1)</option>
                   <option value="1">А</option>
               </select>
               <select id="select2_2" name="select_2">
                   <option selected disabled>Выбирите(список2)</option>
                   <option value="2">a</option>
               </select>
           </div>

<script>
   $('#select1').change(function(event){

       event.preventDefault();
       
       var val = $(this).val();
       if($('#' + val).length){
           $('#step2 select').hide();
           $('#' + val).show();
       }
   })
</script>

в итоге отправляется 2 селекта  а нужно тот который активен (

с телефона неудобно, дома буду, гляну

Как вариант на первый селект вешаете событие и на второй делаете empty и append options  тоесть очищаете и заполняете новыми