Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #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);
});
Ответить с цитированием
  #2 (permalink)  
Старый 04.12.2017, 19:10
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,109

timko_ya,
строка 12
var hash = window.location.hash;
hash && $(hash + " .title_block").click();
Ответить с цитированием
  #3 (permalink)  
Старый 11.12.2017, 00:15
Аспирант
Отправить личное сообщение для timko_ya Посмотреть профиль Найти все сообщения от timko_ya
 
Регистрация: 06.11.2017
Сообщений: 33

Спасибо
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Диалог между HTML и внешним JS в контексте расширения GoogleChrome ev1lart Events/DOM/Window 0 26.04.2017 19:25
JS <-> Server Js. Severtain Общие вопросы Javascript 1 05.11.2011 15:36
JS Coaching для стартапа OlgaAyva Работа 12 27.09.2011 22:18
Картинка обрабатывается js 4yBaK Общие вопросы Javascript 10 11.09.2011 09:28
Срочно JS developer okp Работа 13 23.08.2011 16:16