Tworzymy blok z slideToggle

**Adam22** · 2 Listopada 2015

Przykład działania wraz z gotowym kodem znajdziemy http://jsfiddle.net/XRKdm/

Dokładną dokumentacje w języku angielskim znajdziemy pod adresem http://api.jquery.com/slideToggle/

Aby blok prawidłowo funkcjonował na każdej stronie naszego forum poniższy kod javascript musimy umieścić w sekcji <head> bitu globalTemplate

Pamiętaj - aby skrypt zadziałał musisz mieć na swoim forum najnowszą wersję jqery.

<script type='text/javascript'>
var k = jQuery.noConflict(); // Zawsze przy jqery w IPB
k('.click_class').click(function () { // Element którym będziemy chowali/pokazywali blok
    k('#block').slideToggle(1000); // Blok który chcemy wyświetlić na końcu podajemy szybkość
});
</script>

Kod naszego bloku umieszczamy w miejscu gdzie chcemy go wyświetlić

	    <button class="click_class">Przycisk</button>
	    <div id="block"></div>

Powyższe dwa elementy nie są ze sobą połączone, tzn: możesz je umieścić w dowolnych miejscach na stronie np. przycisk w nagłówku a blok w stopce.

Istnieje również wiele możliwości edycji w połączeniu z css.

Jeśli zmienisz klasę w elementach nie zapomnij tego zrobić w skrypcie !

Zaloguj się

Tworzymy blok z slideToggle

Rekomendowane odpowiedzi

Adam22

Odnośnik do komentarza

Udostępnij na innych stronach

Jeśli chcesz dodać odpowiedź, zaloguj się lub zarejestruj nowe konto

Zarejestruj nowe konto

Zaloguj się

Ostatnio przeglądający 0 użytkowników

Pliki

Cała aktywność

Przeglądaj

Powiadomienie o plikach cookie