Ver Mensaje Individual
  #2 (permalink)  
Antiguo 01/08/2014, 10:35
Avatar de Alexis88
Alexis88
Philosopher
 
Fecha de Ingreso: noviembre-2011
Ubicación: Tacna, Perú
Mensajes: 5.552
Antigüedad: 13 años
Puntos: 977
Respuesta: Ocultar article con JavaScript

Para este caso, lo recomendable es acceder al atributo mediante el método getAttribute.

Código Javascript:
Ver original
  1. alert(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 original
  1. function visibilidad(name) {
  2.     var article = document.getElementsByName(name)[0];    
  3.  
  4.     if (article.offsetHeight){
  5.         article.style.height = 0;
  6.         article.style.opacity = 0;
  7.     }
  8.     else{
  9.         article.style.height = "5em";
  10.         article.style.opacity = 1;
  11.     }
  12. }

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.

Código CSS:
Ver original
  1. article{
  2.     transition: .7s;
  3. }

Demo

Saludos
__________________
«Juro por mi vida y mi amor por ella, que jamás viviré para el provecho de otro hombre, ni le pediré a otro hombre que viva para el mío».

Ayn Rand