Uso de nth-child()

Especificaciones en el div.result.

  1. Un titular h1
  2. Un div con clase 'control' y descendente a él un span con id 'agregar' y un estilo flotado a la izquierda.
  3. Cuatro párrafos con contenido Lorem ipsum inmediatos al div con clase 'control'.
  4. Estilos CSS:
    1. Los estilos relacionados con la clase 'control' se localizan en css/style.css
    2. Todos los párrafos descendientes directos del div con clase 'result' presentan display none (estan ocultos)
  5. Funciones en jQuery con sus mecanismos de acción:
    1. Al hacer clic sobre el span "Agregar párrafos" y usando el método fadeIn() se muestran los párrafos inmediatos al div con clase 'result'.
    2. La función ocultar() utiliza fadeOut() o hide() para ocultar los párrafos inmediatos al div con clase 'result' usando la acción de un botón de formulario ('Ocultar Ps').
    3. La función ocultar_ps_3n() utiliza :nth-child() y fadeOut() o hide() para ocultar los párrafos inmediatos al div con clase 'result' que se obtienen de la expresión 3n, usando la acción de un botón de formulario ('Ocultar Ps 3n').
//Código en javascript
< script type="text/javascript">
  $(function(){
    $('.result .control #agregar').click(function(){
	  $('.result p').eq(cnt_p).fadeIn("slow");
	});
  })	
  function ocultar(){
    $('.result p').hide(300);
    cnt_p=0;
  } 				
  function ocultar_ps_3n(){
    $('.result p:nth-child(3n)').fadeOut("slow");
  }  
< /script>

Animación con fadeIn()

Agregar párrafos

Lorem ipsum ad his scripta blandit partiendo

Lorem ipsum ad his scripta blandit partiendo, eum fastidii accumsan euripidis in, eum liber hendrerit an. Qui ut wisi vocibus suscipiantur, quo dicit ridens inciderint id. Quo mundi lobortis reformidans eu, legimus senserit definiebas an eos.

Ius id vidit volumus mandamus, vide veritus democritum te nec, ei eos debet libris consulatu. No mei ferri graeco dicunt, ad cum veri accommodare. Sed at malis omnesque delicata, usu et iusto zzril meliore. Dicunt maiorum eloquentiam cum cu, sit summo dolor essent te.

Blandit incorrupte quaerendum in quo, nibh impedit id vis, vel no nullam semper audiam. Ei populo graeci consulatu mei, has ea stet modus phaedrum. Inani oblique ne has, duo et veritus detraxit. Tota ludus oratio ea mel, offendit persequeris ei vim.

Mea te unum viderer dolores, nostrum detracto nec in, vis no partem definiebas constituam. Dicant utinam philosophia has cu, hendrerit prodesset at nam, eos an bonorum dissentiet