[JS] [jQuery] Show Hide - składnia |
[JS] [jQuery] Show Hide - składnia |
29.03.2018, 14:40:26
Post
#1
|
|
Grupa: Zarejestrowani Postów: 80 Pomógł: 0 Dołączył: 15.12.2011 Ostrzeżenie: (0%) |
Czy jest możliwe zrobienie prostszej składni w przypadku tego kodu?
Konkretnie to chodzi o elementy show/hide. Czy zawsze pojedynczo trzeba odznaczyć, które mają się schować? Czy da radę żeby wszystkie pozostałe z automatu się zwinęły? Kod <li> <span><i class="icon-globe"></i> <a href="#demo1">demo1</a></span> </li> <li> <span><i class="icon-globe"></i> <a href="#demo2">demo2</a></span> </li> <div class="text"> <div id="demo1"> show demo1 </div> <div id="demo2"> show demo2 </div> </div> $(document).ready(function () { $("#demo1").hide(); $("#demo2").hide(); $('a[href*="#demo1"]').bind('click', function() { $("#demo1").show('linear'); $("#demo2").hide("fast"); }); $('a[href*="#demo2"]').bind('click', function() { $("#demo2").show('linear'); $("#demo1").hide("fast"); }); }); Działający przykład: https://jsfiddle.net/x3e5yp0p/20/ Ten post edytował martinii007 29.03.2018, 14:41:52 |
|
|
29.03.2018, 14:53:34
Post
#2
|
|
Grupa: Zarejestrowani Postów: 6 761 Pomógł: 1822 Dołączył: 11.03.2014 Ostrzeżenie: (0%) |
-------------------- |
|
|
13.04.2018, 09:59:07
Post
#3
|
|
Grupa: Zarejestrowani Postów: 80 Pomógł: 0 Dołączył: 15.12.2011 Ostrzeżenie: (0%) |
Dzięki za kod, podrasowałem go sobie, żeby scrollował do danego contentu i jest OK.
Został mi tylko do rozwiązania ostatni problem, mianowicie wpisując url np. www.xxxxx.pl#demo2 czy jest możliwość ażeby wyświetlił się od razu box z tą treścią? Ten post edytował martinii007 13.04.2018, 09:59:35 |
|
|
13.04.2018, 10:39:52
Post
#4
|
|
Grupa: Zarejestrowani Postów: 21 Pomógł: 5 Dołączył: 13.04.2018 Ostrzeżenie: (0%) |
Wybierz informację po hashu:
A potem po:
które ukrywa Ci elementy o klasie "accordion", dodaj:
które pokaże Ci element o wybranym id Nie wiem, czy dobrze zrozumiałem. |
|
|
13.04.2018, 13:14:33
Post
#5
|
|
Grupa: Zarejestrowani Postów: 80 Pomógł: 0 Dołączył: 15.12.2011 Ostrzeżenie: (0%) |
Bardzo dobrze, właśnie o to chodziło
|
|
|
Wersja Lo-Fi | Aktualny czas: 28.03.2024 - 09:30 |