Abrir y cerra DIV

by Raúl Rojas

HTML

<div>
  <p>UNO</p>
  <a href="#" class="ver">ver</a>
</div>
<div class="contento">
  <p>1111111...</p>
	 <a href="#" class="cerrar">cerrar</a>
</div>

<div>
  <p>DOS</p>
  <a href="#" class="ver">ver</a>
</div>
<div class="contento">
  <p>22222...</p>
	 <a href="#" class="cerrar">cerrar</a>
</div>

CSS

.contento {
  display: none;
}

JavaScript

// jQuery
$(document).ready(function() {
  $('.ver').on('click', function(e) {
    $(this).parent().next().toggle('slow');
    e.preventDefault();
  });
	$('.cerrar').on('click', function(e) {
    $(this).parent('.content').slideUp('slow');
    e.preventDefault();
  });
});