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.
Pełna wersja: [HTML][inne]jQuery Pokaż/Ukryj
Witam, mam taki skrypt:
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.
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.
No to zamiast show() zrób toggle()
Dałem, i nie wiem czemu ale nie wyświetla mi się to poprawnie i chowa mi się część:
Kod
<p> test</P>
Pokaz kod po zmianach...
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>
"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>
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> ....
Raczej slow albo fast. "speed" raczej nie jest poprawną wielkością.
2)Poza tym teraz w kodzie w ogóle nie ma <p> ....
Kod
<script>
$("button").click(function () {
$("div").toggle("slow");
});
</script>
</body>
</html>
$("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) ?
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.
Dobra, nieważne:) to co zrobić w tym wypadku?
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.
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.
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
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
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");
$("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");
Masz racje brak słów... Dzięki
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.