Contraer y ordenar divs / list

¿Cuál sería el mejor enfoque para obtener el mismo efecto? aquí(lado derecho con "Nieuws", "Laatste reacties", etc.)

¿Hay algún 'plugin' para jquery escrito ya para hacer mi vida un poco más fácil?

preguntado el 16 de mayo de 11 a las 19:05

3 Respuestas

Ejemplo simple:

http://jsfiddle.net/LVsJs/

Usando slideToggle.

contestado el 16 de mayo de 11 a las 23:05

Gracias, íbamos por buen camino, hicimos algunas ediciones: jsfiddle.net/LVsJs/1 Sin embargo, ¿cómo mover head2 hacia la parte superior ?, un poco así pero luego más simple shopdev.co.uk/blog/sortable-lists-using-jquery-ui - Writecoder

Si está pensando en ese panel de colapso, puede usar la función de alternancia de jQuery: http://jqueryui.com/demos/toggle/ También puede adjuntar otros efectos a la función de alternancia.

Si desea tablas como las de esa página, mire aquí: http://jqueryui.com/demos/tabs/ Con una pequeña personalización, se verán exactamente como en su página de ejemplo.

contestado el 16 de mayo de 11 a las 23:05

No estoy seguro acerca de los complementos, pero esto es algo bastante fácil de hacer con jquery. Básicamente usas algo como:

<div id="fullbox">
  <div id="header">
     Some Header Text
     <a id="expandcollapselink" href="#">Expand</a>
  </div>
  <div id="body">
     Box Body
  </div>
</div>
<script type="text/javascript">
$(document).ready(function(){
   $('.expandcollapselink').click(function() {
      if ($('#fullbox').hasClass('.active')) {
         $('$body').hide();
         $('#fullbox').removeClass('.active');
      } else {
         $('#body').show();
         $('#fullbox').addClass('.active');
      }
   });
});
</script>

contestado el 17 de mayo de 11 a las 00:05

También puede usar la función de alternancia si lo desea, pero siempre me gusta hacer una verificación. También puede cambiar el texto Expandir, para decir contraer, haciendo $ ('. Expandcollapselink'). Text ('Collapse') debajo de removeClass. - fanfavorito

No es la respuesta que estás buscando? Examinar otras preguntas etiquetadas or haz tu propia pregunta.