Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: Acordeon zamknięty
Forum PHP.pl > Forum > Po stronie przeglądarki > JavaScript
zabawkicom
Witajcie mam kod
Kod
$(document).on('click', '.sppb-panel-heading', function(event){
    event.preventDefault();
    var $this = $(this);
    var $items = $this.closest('.sppb-panel-group').find('>div');
    var $handlers = $items.find('.sppb-panel-heading');
    var $panels = $items.find('.sppb-panel-collapse');

    if( $(this).hasClass('active') )
    {
      $(this).removeClass('active');
      $panels.slideUp();
    }
    else
    {
      $handlers.removeClass('active');
      $panels.slideUp();
      $(this).addClass('active').next().slideDown();
}


i przy takim kodzie przy wejściu na stronę acordeon jest otwarty a chciałbym aby był zamknięty.
Przy tworzeniu wykorzystane było http://getbootstrap.com/javascript/#collapse
ale brak wiedzy nie pozwala rozwiązać problemu.
trueblue
W przykładzie podana jest klasa jaka odpowiada za otwartą sekcję.
zabawkicom
Tyle to wiem ale ...
trueblue
Ale brak wiedzy nie pozwala Ci na rozwiązanie problemu...

Zobacz przykład kodu html w podanym linki, nie kodu js, ale kodu html. Sprawdź jaką klasę ma element #collapseOne.
zabawkicom
Wiem że powinienem active zmienić na false lub true.
Nic nie zrozumiałem z poradnika, metoda prób i błędów też zawiodła.
trueblue
Cytat
Example
Click the buttons below to show and hide another element via class changes:

.collapse hides content
.collapsing is applied during transitions
.collapse.in shows content
zabawkicom
zmiany w
var $panels = $items.find('.sppb-panel-collapse');

na
collapsing
collapse.in

nie powoduje oczekiwanego efektu czyli zamkniętego acordeon.
Z kodu wynika że jest funkcja z jeżeli ale dalej nie rozumiem zależności.
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.