Свернуть/развернуть блок при клике

258

01 февраля 2019, 08:20

Есть задача - увеличивать блок по нажатию "читать подробнее". Так же есть кнопка "свернуть", которая соответственно уменьшает этот блок.

Так вот, я думал сделать через toggleClass, но потом не смог придумать как же его закрывать с помощью уже другого элемента "свернуть". И таких блоков будет 8.

Answer 1

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<button id="1">Toggle</button> 
<p> 
  This is the paragraph to end all paragraphs.  You 
  should feel <em>lucky</em> to have seen such a paragraph in 
  your life.  Congratulations! 
  <button id="2">Close</button> 
</p> 
  
<script> 
$( "#1" ).click(function() { 
  $( "p" ).slideToggle( "fast" ); 
}); 
$( "#2" ).click(function() { 
  $( "p" ).slideToggle( "fast" ); 
}); 
</script>

Как вариант