Javascript-форум (https://javascript.ru/forum/)
-   Общие вопросы Javascript (https://javascript.ru/forum/misc/)
-   -   Вопрос про accordion (https://javascript.ru/forum/misc/71647-vopros-pro-accordion.html)

timko_ya 03.12.2017 15:11

Вопрос про accordion
 
Добрый день на сайте имеется accordion с уникальным ID, если перейти к примеру по ссылки https://site.ru/#articles_2, то перекидывает сразу к вкладке articles_2, но сама вкладка почему-то не разворачивается, а надо бы. Помогите пожалуйста.
[IMG]abajenko.ru/files/1.jpg[/IMG]

Код 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);
});


Часовой пояс GMT +3, время: 10:40.