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

167
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>

Как вариант

READ ALSO
Laravel не отдаёт изображения (спрайты)

Laravel не отдаёт изображения (спрайты)

Есть простенькие скрипты на JS, которые работают со спрайтами (jpg)Дебажил их отдельно от laravel, всё работает прекрасно

168
Как осуществить отправку файла через blob

Как осуществить отправку файла через blob

Для отправки данных использую плагин vue-upload-file Из данных о файле есть только blobМожно ли из него как то получить информацию

129
Почему в результате получается 1?

Почему в результате получается 1?

Чтобы понять результат конечного выражения, нужно выполнить его по шагам и посмотреть результат на каждом шаге

164