JSFiddle - React, Tailwind, and code Playground

HTML

<div class="slide">
    <input type="submit" class="class1" name="submit" value="Первый текст">
</div>
<div class="view" style="display:none;">тут скрытый текст</div>

CSS

.class1 {
    background:#088;
}
.class2 {
    background:#688;
}

JavaScript

$('div.slide').on('click', function () {
    $('div.view').slideDown(300);
    $('.class1').val('Второй текст').attr('class', 'class2');
});