JS/jQuery

Показать/скрыть блок текста на jQuery

Пример как на jQuery и показывать скрывать определенный текст по клику на ссылку или кнопку.

<p>Видимый текст...</p>

<div class="content_more" style="display: none;">
    <p>Блок скрытого текста...</p>
</div>

<a class="content_toggle" href="#">Полный текст</a>
$(".content_toggle").click(function(){
    $('.content_more').slideToggle(300, function(){
        if ($(this).is(':hidden')) {
            $('.content_toggle').html('Полный текст');
        } else {
            $('.content_toggle').html('Скрыть текст');
        }                            
    });
    return false;
});
p {
    font-size: 14px;
    color: #777;
    margin: 0 0 10px 0;
    padding: 0
}
.content_toggle {
    display: inline-block;
    padding: 15px 20px;
    background: #32145A;
    font-size: 16px;
    text-decoration: none;
    color: #fff;
}
06 декабря 2018