Nueva pregunta

Pregunta:

 
  3  
 
 
Edwin Marroquin Karma: 731 Colombia
 
 Fecha: 28-09-2015 08:47:50 (En Español)

Optimizar js[Resuelta]

Buenas Tardes,

Disculpen la expresion pero creo que esto es un hijueputazo de jquery pero me funciona habra alguna forma de hacerlo elegante
$('.portlet').find('.toggle').on('click',function(){
$(this).children().toggleClass('fa-chevron-down').toggleClass('fa-chevron-up');
$(this).parent().parent().next().slideToggle(200);
})



<div class="portlet">
<div class="portlet-head">
<div class="caption">
<div class="fa fa-home"></div>Titulo Portlet
</div>
<div class="tools">
<div class="toggle">
<div class="fa fa-chevron-down"></div>
</div>
<div class="close">
<div class="fa fa-close"></div>
</div>
</div>
</div>
<div class="portlet-body">Contenido</div>
</div>

Les agradezco sus respuestas
aca el ejemplo para Ver en vivo y en directo Etiquetas: CSS3 @media - HTML5 - Javascript - JQuery - Mejores Prácticas - Pregunta - Web Votos: 3 - Respuestas: 3 - Vistas: 12 Compartir en: Google Facebook Twitter LinkedIn Link
 

Respuestas:

  •  
      3  
     
     
    Txema Artzain Karma: 3096 Unión Europea
     
    Fecha: 28-09-2015 10:03:08 La verdad es que me cuesta entender la lógica del código. Hasta el CSS me parece confuso (¿?).
    Y así resulta, de forma diversa según navegador.

    Por lo que veo, creo que es más sencillo y limpio utilizar JQuery con JQuery UI con el método Accordion

    Ver el enlace, con código en view source.

    Mi opinión: ¿por qué hacer las cosas difíciles si pueden ser fáciles?

    Coméntanos si es esto lo que quieres.       Votos: 3 - Link respuesta
     
  •  
      0  
     
     
    Antuan Kavalkanty Karma: 2008 Argentina
     
    Fecha: 28-09-2015 11:02:32 Edwin

    Buenas Tardes
    Porque no probas con CSS3 es mas sencillo en este caso que JS
    Cualquier duda, me decis y te doy una mano con css
    Un saludo
    Daniel
    PD.: Saludo Artzain       Votos: 0 - Link respuesta
     
  •  
      3  
     
     
    Txema Artzain Karma: 3096 Unión Europea
     
    Fecha: 28-09-2015 12:48:20 Como siempre, Daniel, pones la guinda al plato.

    Me pareció que era más sencillo simplificar el Javascript (JQuery) a:
    $(function() {
    $( "#accordion" ).accordion(); // #accordion corresponde a <div id="accordion">
  });


    En CSS, no me atrevo a decir que es más sencillo, si no lo dominas.

    Es más saludable, y podría explicarlo (comentarlo) pero no sé si para Edwin es más fácil o más complejo.

    Podeis verlo en CSS Responsive animated Accordion

    Son tantos los caminos que conducen a Roma ...

    Queda en la mano de cada cual adoptar uno u otro camino.       Votos: 3 - Link respuesta
     
Para participar activamente de la comunidad primero debes autenticarte, ingresa al sistema.Iniciar Sesión
 
frjcbbae garagebible.com