Как скрыть содержимое таба при раскрытии другого таба?

Question

[user_tm]

Проблема такова: имеется спойлер и если кликнуть по табу раскрывается его содержимое, а если кликнуть по следующему табу раскрывается его содержимое, но не скрывается содержимое предыдущего таба. Как скрыть содержимое таба при раскрытии другого таба?
Вот html код

<a href="javscript://" class="splLink1">Спойлер: пример</a>
               <a href="javscript://" class="splLink2">Спойлер: пример</a>
               <a href="javscript://" class="splLink3">Спойлер: пример</a>
               <a href="javscript://" class="splLink4">Спойлер: пример</a>
               
               <div class="splCont1 splCont">
                 <div>1111Это примерный текст!</div>
               </div>
               <div class="splCont2 splCont">
                 <div>222Это примерный текст!</div>
               </div>
               <div class="splCont3 splCont">
                 <div>333Это примерный текст!</div>
               </div>
               <div class="splCont4 splCont">
                 <div>444Это примерный текст!</div>
               </div>

вот css код

/*СПОЙЛЕР*/
.splCont {
  display: none;
  padding: 3px 5px;
}

а вот JS код

$(document).ready(function(){
    $('.splLink1').click(function(){
      $(this).parent().children('div.splCont1').toggle('normal');

        return false;
    });
    $('.splLink2').click(function(){
      $(this).parent().children('div.splCont2').toggle('normal');
        return false;
    });
    $('.splLink3').click(function(){
      $(this).parent().children('div.splCont3').toggle('normal');
        return false;
    });
    $('.splLink4').click(function(){
      $(this).parent().children('div.splCont4').toggle('normal');
        return false;
    });
  });

Answer 1

[0xD34F]

$('a').click(function() {
  const $tabs = $('.splCont');
  const $tab = $tabs.eq($(this).index()).toggle('normal');
  $tabs.not($tab).hide('normal');

  return false;
});

Comments

[user_tm]

Спасибо за ответ. Извините, а можете прокомментировать строчки кода? я честно еще не разбираюсь в jquery. Вставил ваш код в место своего и не чего не работает.

[0xD34F]

Разумеется, всё работает. Смотрите, сравнивайте с тем, что у вас, ищите, где ошиблись. Прокомментировать? Есть документация - там всё "прокомментировано". Зачем её здесь пересказывать? Открываете описания использованных методов, читаете, что они делают.

Answer 2

[Alex]

Что-то в таком роде:

$(this).parent().children('div.normal').toggle('normal');