Тема: Accordion JS
Показать сообщение отдельно
  #1 (permalink)  
Старый 04.12.2017, 18:46
Аспирант
Отправить личное сообщение для timko_ya Посмотреть профиль Найти все сообщения от timko_ya
 
Регистрация: 06.11.2017
Сообщений: 33

Accordion JS
Добрый день на сайте имеется accordion с уникальным ID, если перейти к примеру по ссылки https://site.ru/#articles_2, то перекидывает сразу к вкладке articles_2, но сама вкладка почему-то не разворачивается, а надо бы. Помогите пожалуйста.

Код accordion:
<section id="four" class="radius">
<div class="container">
<div class="accordion">
<h4><i class="fa fa-file-text-o" aria-hidden="true"></i> СТАТЬИ</h4>
<section id="articles_1" class="accordion_item"><h3 class="title_block">Динамическая обложка вконтакте.</h3>
<div class="info"><p class="info_item"><?php require "articles/dynamic_cover.php"; ?> </p></div></section>

<section id="articles_2" class="accordion_item"><h3 class="title_block">Установка пароля на личную папку.</h3>
<div class="info"><p class="info_item"><?php require "articles/folder_protection.php"; ?> </p></div></section>

<section id="articles_3" class="accordion_item"><h3 class="title_block">Программа удаленного доступа.</h3>
<div class="info"><p class="info_item"><?php require "articles/remote_access.php"; ?> </p></div></section>

<section id="articles_4" class="accordion_item"><h3 class="title_block">Опубликовываем посты вконтакте.</h3>
<div class="info"><p class="info_item"><?php require "articles/posts_vkontakte.php"; ?> </p></div></section>
</div>
</div>
</section>


Код обработчика, который отвечает за сворачивание, разворачивание:
$(function() {
    ! function(i) {
      var o, n;
      i(".title_block").on("click", function() {
        o = i(this).parents(".accordion_item"), n = o.find(".info"),
          o.hasClass("active_block") ? (o.removeClass("active_block"),
            n.slideUp()) : (o.addClass("active_block"), n.stop(!0, !0).slideDown(),
            o.siblings(".active_block").removeClass("active_block").children(
              ".info").stop(!0, !0).slideUp())
      })
    }(jQuery);
});
Ответить с цитированием