Autor Zpráva
Lubos12345
Profil *
Ahojte, uz som to tu raz nasiel ale ani za nic to nemozem najst znova.
Ak by ste mali link alebo riesenie dakujem. Potrebujem urobit nasledujuce menu.

Po kliknuti na odkaz sa mi zobrazia pod odkazom dalsie odkazy. Ked nanho kliknem sa zase schovaju.

(Normalne)
Odkaz 1
Odkaz 2
Odkaz 3

(Po kliknuti na odkaz 1)
Odkaz 1
odkaz a
odkaz b
Odkaz 2
Odkaz 3

(Po kliknuti na odkaz 1 znova)
Odkaz 1
Odkaz 2
Odkaz 3

Dakujem za pripadnu pomoc
Matty
Profil
Lubos12345
http://www.jakpsatweb.cz/javascript/priklady/skryvani-odkryvani.html
peta
Profil
a jeste bych pridal css.interval.cz
anonym125
Profil *
<script>
if (!document.all || window.opera) document.write ('<style type="text/css">#side dd {display: none;}<\/style>');
window.onload = function () { 
 collapseMenu();
 document.getElementById("side").onclick = function(e) {
  var e = e || window.event;
  var t = e.target || e.srcElement; 
  collapseMenu();
  if (t.tagName.toLowerCase() == "dt") {
   var dds = t.parentNode.getElementsByTagName('dd');
   for (var i=0; i<dds.length; i++) dds[i].style.display = "block";
  } 
 }
 function collapseMenu() {
  var dds = document.getElementById('side').getElementsByTagName('dd');
  for (var i=0; i<dds.length; i++) dds[i].style.display = "none";
 }
};
</script> 
<style type="text/css">

* {margin: 0; padding: 0;}
body {padding: 0 20px; font: small/1.7 Verdana, Arial, lucida, helvetica, sans-serif; background: #333333; color: #f8f8f8; font-size: small; }
* html body {font-size: small;}
h1 {font-size: 1.5em; font-weight: normal; line-height: 2em; text-align: center; margin-bottom: 0.5em;}
p {margin-bottom: 0.2em;}
#side {float: left; width: 200px; margin-right: 00px; font-size: small; }
#side dl {width: 200px;}
#side dt {padding-left: 10px; font-weight: bold; background: #777777; color: #fff; border: 1px solid #888888;}
#side dd {border: 1px solid #777777;}
#side dd a {display: block; height: 1.7em; background: #666666; padding-left: 10px; color: #222; text-decoration: none;}
#side dd a:hover {text-decoration: underline; font-weight: bold;}
</style>


a potom píš:
<dl>
<dt></dt>
<dd></dd>
</dl>
Lubos12345
Profil *
Dakujem za zdroje. Pouzil som ten prvy priklad teda toto:

---------------------------------------------------------------------- --------
<script>
function zobrazSkryj(idecko){
el=document.getElementById(idecko).style;
el.display=(el.display == 'block')?'none':'block';
}
</script>
<style>
h3 {cursor: pointer; cursor: hand; text-decoration: underline}
.skryvany {display: none}
</style>

...

<h3 onclick="zobrazSkryj('oddil1')">Nadpis</h3>
<div id="oddil1" class="skryvany">
První oddíl: bla bla bla text</div>
<h3 onclick="zobrazSkryj('oddil2')">Nadpis druhého oddílu</h3>
<div id="oddil2" class="skryvany">
Druhý oddíl: bla bla bla text</div>

---------------------------------------------------------------------- --------

Teraz to funguje tak ze ked kliknem sa zobrazi menu. Chcem to vlastne otocit, aby sa mi zobrazilo menu ponacitani stranky a ked kliknem sa mi schova to menu.
Dakujem za pomoc

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: