Forum PHP.pl > Chowanie i pokazywanie diva jednym linkiem

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: Chowanie i pokazywanie diva jednym linkiem

Forum PHP.pl > Forum > Po stronie przeglądarki > JavaScript

koks1429

27.04.2010, 19:46:07

Witam,
mam skrypt który po kliknięciu pierwszego linku 'pokazuje' nam ukrytego diva a drugi go 'chowa'. Ale chciałbym zrobić aby jeden link był od 'chowania' i 'pokazywania'.
Np. klikasz na link 'ukryty div' i jeśli jest chowany to go pokazuje a jeśli jest pokazany to go chowa. Jak mam to zrobić?

[HTML] pobierz, plaintext 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<title>Test</title>
<script type="text/javascript">
//<![CDATA[
function change(id, newClass)
{
identity=document.getElementById(id);
identity.className=newClass;
}
//]]>
</script>
<style type="text/css">
div.hidden {
display: none;
}
div.promptshow {
background: #bbb;
display: block;
}
</style>
</head>
<body>
<div>
<a href="#" onclick="change('hiddendiv1', 'promptshow');">Display div 1</a>
<a href="#" onclick="change('hiddendiv1', 'hidden');">Hide div 1</a>
 
<div class="hidden" id="hiddendiv1">To jest  div v1</div>
 
 
</div>
</body>
</html> 
[HTML] pobierz, plaintext

nospor

27.04.2010, 19:49:47

Po grzyba mieszasz w to klase?

Kod

function change(id)
{
identity=document.getElementById(id);
if (identity.style.display=='none')
identity.style.display = 'block';
else
identity.style.display = 'none';
}

A jakbys uzywal np. jQuery to by wystarczylo zwykle toggle()

i czemu to dales w php? Co to ma do php? Przenosze

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.