Блог

У меня есть 7 разделов и один DIV внутри каждого из разделов. Я хочу, чтобы он был всегда виден, но при нажатии на меню замените предыдущий на новый DIV, но никогда не скрывайте все DIV, один из них всегда должен быть активным.

У меня есть этот скрипт, но DIV виден только после нажатия на меню:

 $(".btn-show").click(function(e) {
    e.preventDefault();
    el = $(this).data('element');
    $("section > div:not(" el "):visible").hide();
    $(el).show();
  });
  

Попробуйте это:

 $(".btn-show").click(function(e) {
    e.preventDefault();
    el = $(e.currentTarget).data('element');
    $(el).show();
    $("section > div").not(el).hide();

  });
  

Объяснение:

$("section > div") выбирает первый уровень div под каждым section и .not(el) удаляет любой элемент с соответствующим селектором или объектом из списка / группы и .hide() скрывает все элементы, оставшиеся в списке.