Para este caso, lo recomendable es acceder al atributo mediante el método
getAttribute
.
Código Javascript
:
Ver originalalert(section[0].getAttribute("name"));
Y pues, supongo que sabes cómo ocultar los artículos, pero de todos modos te dejo un pequeño ejemplo.
Código Javascript
:
Ver originalfunction visibilidad(name) {
var article = document.getElementsByName(name)[0];
if (article.offsetHeight){
article.style.height = 0;
article.style.opacity = 0;
}
else{
article.style.height = "5em";
article.style.opacity = 1;
}
}
De este modo, dejo la altura del artículo en cero y lo hago opaco para darle un efecto visual al cambio de estado, el cual se complementa con la propiedad
transition
de CSS3, por lo que dicho efecto solo surtirá efecto en aquellos navegadores que den soporte a esta tecnología.
Demo
Saludos