Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [JS] [jQuery] Show Hide - składnia
martinii007
post 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
Go to the top of the page
+Quote Post
trueblue
post 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%)
-----


https://jsfiddle.net/0r7deL0b/1/

Ten post edytował trueblue 29.03.2018, 14:55:03


--------------------
Go to the top of the page
+Quote Post
martinii007
post 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
Go to the top of the page
+Quote Post
Lukeup
post 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:
  1. var hash = window.location.hash.substr(1);


A potem po:

  1. $('.accordion').hide();

które ukrywa Ci elementy o klasie "accordion", dodaj:
  1. $( "#"+hash ).show();

które pokaże Ci element o wybranym id

Nie wiem, czy dobrze zrozumiałem.

Go to the top of the page
+Quote Post
martinii007
post 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 smile.gif
Go to the top of the page
+Quote Post

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Wersja Lo-Fi Aktualny czas: 28.03.2024 - 09:30