<html>
<head>
<meta charset="utf-8">
<script src="//code.jquery.com/jquery-2.1.1.min.js"></script>
<style>
.class1 {
background:#088;
}
.class2 {
background:#688;
}
.class1 span:nth-child(2), .class1 ~ .view {
display:none;
}
.class2 span:nth-child(1){
display: none;
}
.slide{
display: inline-block;
cursor: pointer;
}
</style>
</head>
<body>
<div class="slide class1"> <span>Написать ответ</span><span>Скрыть форму</span>
</div>
<div class="view" >тут скрытый текст</div>
<script>
$('div.slide').click(function () {
$(this).toggleClass('class1 class2');
});
</script>
</body>
</html>