GoldenLine
Zaloguj się
Jarek Kafarek

Jarek Kafarek technik

Temat: toggle() dla CLASSy/IDwów- prośba o pomoc

Witam serdecznie!
Od dłuższego czasu szukam skryptu z wykorzystanie funkcji toggle() pozwalającego na rozwijanie treści po kliknięciu na tekst. Problem w tym, że żaden nie działa tak jak powinien. Chciałbym aby za pomocą jednej classy/id móc wyświetlać różne treści w ukrytych togglach. Powinno to działać tak:
1. Po kliknięciu na tekst rozwija się blok z treścią.
2. Po ponownym kliknięciu na tekst blok z treścią się chowa.
3. W razie kliknięcia na inny rozwijany toggle poprzedni się chowa.

Przykład:
http://www.redmusic.pl/mp3
http://clubkings.eu/mp3_download/

Proszę o pomoc.
Pozdrawiam!
Link do wypowiedziLink

konto usunięte

Temat: toggle() dla CLASSy/IDwów- prośba o pomoc

Jarek Kafarek:
Witam serdecznie!
Od dłuższego czasu szukam skryptu

Poszukaj jeszcze raz pod hasłem "javascript accordion", jest tego od zatrzęsienia i jeszcze trochę. Z i bzy jquery.
Ot, pierwszy z brzegu: http://sandbox.scriptiny.com/accordion/

Przy okazji - class i id to nie są zamienniki. Sprawdź lepiej jaka jest różnica zanim spędzisz dzień rwąc włosy z głowy.
Link do wypowiedziLink
Maciej Schmidt

Maciej Schmidt PHP Web Developer

Temat: toggle() dla CLASSy/IDwów- prośba o pomoc

Witam,

Zerknij sobie na takie funkcje jak:

slideToggle() (http://api.jquery.com/slideToggle/) i
toggleClass() (http://api.jquery.com/toggleClass/)

Pierwsza z nich powoduje rozwijanie/zwijanie a druga dodanie/usunięcie klasy.
Przy pomocy tych dwóch funkcji możesz dalej kombinować :).

Pozdrawiam
Link do wypowiedziLink
Michał Kwidziński

Michał Kwidziński Developer

Temat: toggle() dla CLASSy/IDwów- prośba o pomoc

Nie wiem czy rozwiązałeś swój problem, bo minęło trochę czasu od Twojego postu, ale miałem uczyć się do kolokwium, a nie mogę się skupić więc wrzucam kawałek kodu ;)

<a href="#dyzio" class="button">klik dyzio</a>
<a href="#tomek" class="button">klik tomek</a>

<div id="dyzio" style="display:none" class="contener">Dyzio</div>
<div id="tomek" style="display:none" class="contener">TOMEK</div>

<script type="text/javascript">
$('.button').click(function(){
var href = $(this).attr('href');
if($(href).is(':visible')){
$(href).slideUp();
$(this).removeClass('active');
}
else{
$('.contener').fadeOut();
$(href).slideDown();
$('.button').removeClass('active');
$(this).addClass('active');
}
return false })
</script>

Dorzuciłem jeszcze po klasie "active" dla przycisku, żebyś mógł oznaczyć aktywny link.
Link do wypowiedziLink
Łukasz Z.

Łukasz Z. Specjalista ds
Informatyki w Mentor
S.A.

Temat: toggle() dla CLASSy/IDwów- prośba o pomoc

Rzuć okiem na jquery-ui, a konkretnie widget accordion.

http://jqueryui.com/demos/accordion/
Link do wypowiedziLink
« Wróć do tematów
Odpowiedz

Podobne tematy





Wyślij zaproszenie do
Anuluj