javascript - style - mostrar los elementos al hacer clic
title label html (2)
Tengo un pequeño problema con JavaScript. No estoy seguro si mi código no funciona, o si estoy a punto de almorzar de la manera incorrecta.
<title>Untitled Document</title>
<script language="javascript">
function Unhide()
{
var item = document.getElementsByTagName(''p'');
for (x; x > item.length; x+1)
{
if (item.item(x).getAttribute(''hidden'') == (''true''))
{
item.item(x).setAttribute(''hidden'', ''false'');
}
else
{
item.item(x).setAttribute(''hidden'', ''true'');
}
}
}
</script>
</head>
<body>
<div class="Level1">
<p class="Menu"><a href="./Index.html">Home</a></p>
<div class="Level2">
<p class="Menu"><a href="./Artykol1.html">Artykół 1</a></p>
<p class="Menu"><a href="./Artykol2.html">Artykół 2</a></p>
<p class="Menu"><a href="./Artykol3.html">Artykół 3</a></p>
<p class="Menu"><a href="./Autorska.html">Artykóły Autorskie</a></p>
</div>
<p class="Menu"><a href="./Dziennik.html">Dziennik</a></p>
<p class="Menu"><a href="./Archiwum.html">Archiwum</a></p>
<div class="Level2">
<p class="Menu"><a onclick="Unhide()">Ostatni Tydzień</a></p>
<div class="Level3">
<p class="Menu" hidden="true"><a href="./Archiwum/OstatniTydzien/Art1_Autor.html">Art1</a></p>
<p class="Menu" hidden="true"><a href="./Archiwum/OstatniTydzien/Art2_Autor.html">Art2</a></p>
</div>
</div>
</div>
</body>
¿Podría darme algún consejo, cómo resolverlo?
http://davidwalsh.name/html5-hidden
<script>
function Unhide()
{
var items = document.getElementsByTagName(''p'');
for ( var x = 0; x < items.length; x++)
{
var item = items[x];
if (item.getAttribute(''hidden'') == ''true'')
{
item.setAttribute(''hidden'', ''false'');
}
else
{
item.setAttribute(''hidden'', ''true'');
}
}
}
</script>
<div class="Level1">
<p class="Menu"><a href="./Index.html">Home</a></p>
<div class="Level2">
<p class="Menu"><a href="./Artykol1.html">Artykół 1</a></p>
<p class="Menu"><a href="./Artykol2.html">Artykół 2</a></p>
<p class="Menu"><a href="./Artykol3.html">Artykół 3</a></p>
<p class="Menu"><a href="./Autorska.html">Artykóły Autorskie</a></p>
</div>
<p class="Menu"><a href="./Dziennik.html">Dziennik</a></p>
<p class="Menu"><a href="./Archiwum.html">Archiwum</a></p>
<div class="Level2">
<p class="Menu"><a onclick="Unhide()">Ostatni Tydzień</a></p>
<div class="Level3">
<p class="Menu" hidden="true"><a href="./Archiwum/OstatniTydzien/Art1_Autor.html">Art1</a></p>
<p class="Menu" hidden="true"><a href="./Archiwum/OstatniTydzien/Art2_Autor.html">Art2</a></p>
</div>
</div>
</div>
function Unhide()
{
var items = document.getElementsByTagName(''p'');
for (var x in items)
{
if (x.style.display == ''none'')
{
x.style.display = '''';
}
else
{
x.style.display = ''none'';
}
}
}
items es una matriz de elementos. itere a través de ellos con un ciclo for y establezca la propiedad style.display .
Referencia: http://www.w3schools.com/jsref/prop_style_display.asp