понимание jQuery parent, children and sibling

Question

Я изо всех сил пытаюсь выяснить, где я иду, с текущей функцией show и hide, которую я пытаюсь включить на свой сайт. У меня есть выпадающее меню и скрывает функцию, аналогичную той, которая в настоящее время реализована в Hippodrome Mobile Casino. Который идентичен моему HTML. Мой класс div, который я замечаю в своем JQuery, когда нажимаю следующую кнопку .regNext, он скрывает все три .regGroupContent divs. Однако я хочу добавить и удалить active class, которые у меня есть как display:none на моем сайте.

$('.regGroupContent').removeClass('active'); 
$('.regGroupContent').eq(0).addClass('active'); 

$('.regNext').click(function() { 
    var $this = $(this); 
    $('.regGroupContent').hide().removeClass('active'); 
    $this.parent().children($('.regGroupContent')).show().addClass('active'); 
}); 

Html

<div class="vengeForm"> 
     <div class="regGroupContent"> 
      <div class ="fieldset"> 
       <ul class="fieldset"> 
        <li class="editor-next"> 
         <a href="#" class="regNext"></a> 
        </li> 
       </ul> 
      </div> 
     </div> 
    </div> 

Answer 1

Эта линия имеет немного вопрос синтаксиса:

$this.parent().children($('.regGroupContent')).show().addClass('active'); 

В селекторе children, вам не нужен объект JQuery, а просто класс имя. Кроме того, ваш селектор .parent() движется только на один уровень вверх, вам нужно добраться до вершины дерева элементов. Попробуйте изменить его на:

$this.parents('.vengeForm').children('.regGroupContent').show().addClass('active');