Выпадающее описание при нажатии на текст (кнопку)
Как сделать выпадающее описание при нажатии на текст или кнопку?
<style>
#text{
display:none;
}
</style>
<script>
$(function(){
$('#show-hide').click(function(){
let t = $(this).data('text');
let tt = $(this).text();
$(this).text(t);
$(this).data('text', tt);
$("#text").slideToggle({
duration: 'slow',
easing: 'linear'
});
})
})
</script>
<p>Содержание <span data-text="[скрыть]" id="show-hide">[открыть]</span></p>
<p id="text">Здесь текст</p>
Пример:
Содержание [открыть]
Здесь текст