Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [HTML][inne]jQuery Pokaż/Ukryj
xxdrago
post
Post #1





Grupa: Zarejestrowani
Postów: 654
Pomógł: 42
Dołączył: 27.07.2010
Skąd: Jaworzno

Ostrzeżenie: (0%)
-----


Witam, mam taki skrypt:
  1. <p> test</P>
  2. <button>Pokaż</button>
  3. <div style="display: none">
  4. jakis kod html
  5. </div>
  6.  
  7. $("button").click(function () {
  8. $("div").show("slow");
  9. });


Po kliknięciu w button, on tylko pokazuje treść "schowana" w div, jak mogę zrobić aby kolejne klikniecie ukrywało div?

Od razu mówię ze uczę się Jquery.

Pozdrawiam.
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi (1 - 12)
nospor
post
Post #2





Grupa: Moderatorzy
Postów: 36 557
Pomógł: 6315
Dołączył: 27.12.2004




No to zamiast show() zrób toggle()
Go to the top of the page
+Quote Post
xxdrago
post
Post #3





Grupa: Zarejestrowani
Postów: 654
Pomógł: 42
Dołączył: 27.07.2010
Skąd: Jaworzno

Ostrzeżenie: (0%)
-----


Dałem, i nie wiem czemu ale nie wyświetla mi się to poprawnie i chowa mi się część:
Kod
<p> test</P>


Ten post edytował xxdrago 31.01.2012, 20:14:31
Go to the top of the page
+Quote Post
nospor
post
Post #4





Grupa: Moderatorzy
Postów: 36 557
Pomógł: 6315
Dołączył: 27.12.2004




Pokaz kod po zmianach...
Go to the top of the page
+Quote Post
xxdrago
post
Post #5





Grupa: Zarejestrowani
Postów: 654
Pomógł: 42
Dołączył: 27.07.2010
Skąd: Jaworzno

Ostrzeżenie: (0%)
-----


Kod
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html>
<head>
    <title>Pogoda - Jaworzno</title>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-2" />
<link rel="stylesheet" type="text/css" href="style.css">
<script src="http://code.jquery.com/jquery-latest.js"></script>

</head>
<body>
-- Dane o pogodzie dzisiaj....
<button>Pogoda na Kolejne dni</button>
<div style="display: none">
tutaj kod na kolejne dni
</div>
<script>
    $("button").click(function () {
    $("div").toggle("speed");
    });
    </script>

</body>
</html>


Ten post edytował xxdrago 31.01.2012, 21:16:20
Go to the top of the page
+Quote Post
maviozo
post
Post #6





Grupa: Zarejestrowani
Postów: 197
Pomógł: 24
Dołączył: 22.11.2010

Ostrzeżenie: (0%)
-----


1) $("div").toggle("speed");
Raczej slow albo fast. "speed" raczej nie jest poprawną wielkością.
2)Poza tym teraz w kodzie w ogóle nie ma <p> ....

Ten post edytował maviozo 31.01.2012, 21:18:41
Go to the top of the page
+Quote Post
xxdrago
post
Post #7





Grupa: Zarejestrowani
Postów: 654
Pomógł: 42
Dołączył: 27.07.2010
Skąd: Jaworzno

Ostrzeżenie: (0%)
-----


Kod
<script>

    $("button").click(function () {

    $("div").toggle("slow");

    });

    </script>



</body>

</html>


To samo sie dzieje.

maviozo, a co to za różnica czy div czy p ( w tym wypadku) ?

Ten post edytował xxdrago 31.01.2012, 21:22:11
Go to the top of the page
+Quote Post
nospor
post
Post #8





Grupa: Moderatorzy
Postów: 36 557
Pomógł: 6315
Dołączył: 27.12.2004




Cytat
maviozo, a co to za różnica czy div czy p ( w tym wypadku) ?
Bo napisałeś, że moj kod chowa ci <p>. A jak mój kod moze ci chować <p> skoro ty w kodzie nie masz zadnego <p>.... myśl troche.
Go to the top of the page
+Quote Post
xxdrago
post
Post #9





Grupa: Zarejestrowani
Postów: 654
Pomógł: 42
Dołączył: 27.07.2010
Skąd: Jaworzno

Ostrzeżenie: (0%)
-----


Dobra, nieważne:) to co zrobić w tym wypadku?
Go to the top of the page
+Quote Post
nospor
post
Post #10





Grupa: Moderatorzy
Postów: 36 557
Pomógł: 6315
Dołączył: 27.12.2004




To albo nieważne albo pytasz się dalej - zddecyduj sie...
Opisz więc problem jeszcze raz dokładnie, z myśleniem tym razem. Co się dzieje po dodaniu toggle. Co znika, co nie znika itp.
Go to the top of the page
+Quote Post
xxdrago
post
Post #11





Grupa: Zarejestrowani
Postów: 654
Pomógł: 42
Dołączył: 27.07.2010
Skąd: Jaworzno

Ostrzeżenie: (0%)
-----


dobra, no więc cały kod wygląda tak:
http://wklej.to/8h3p4

No więc:
tak wygląda przed:
[OBRAZEK]
po kliknięciu w button:
Pogoda na Kolejne dni
wygląda to tak:
[OBRAZEK]
a ja chce żeby po prostu pokazywało/zakrywało (IMG:style_emoticons/default/smile.gif)

Ten post edytował xxdrago 2.02.2012, 10:52:21
Go to the top of the page
+Quote Post
nospor
post
Post #12





Grupa: Moderatorzy
Postów: 36 557
Pomógł: 6315
Dołączył: 27.12.2004




brak słów normalnie....
$("div").toggle("slow");

$("div") - o to mowi, że dotyczyc będzie to wszystkich divów. Skoro masz tych divow pięcset, to wszystkie pięcset dostanie toggle. Myslisz ze jquery ci czyta w myslach i zgaduje, ze tobie chodzi o konkretny div? Nie, nie czyta.
Jak chcesz konkretny div chowac/pokazywać, to nadaj mu id i sie do niego odwoluj przez id
$("#twojemagiczneid").toggle("slow");
Go to the top of the page
+Quote Post
xxdrago
post
Post #13





Grupa: Zarejestrowani
Postów: 654
Pomógł: 42
Dołączył: 27.07.2010
Skąd: Jaworzno

Ostrzeżenie: (0%)
-----


Masz racje brak słów... Dzięki (IMG:style_emoticons/default/smile.gif)
Go to the top of the page
+Quote Post

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

 



RSS Aktualny czas: 24.08.2025 - 02:37