Показать сообщение отдельно
  #4 (permalink)  
Старый 28.12.2014, 20:23
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,124

zoOmer,

<html>
  <head><meta charset="utf-8">
<script src="http://code.jquery.com/jquery-2.1.1.min.js"></script>
<style>
.class1 {
    background:#088;
}
.class2 {
    background:#688;
}
</style>
  </head>
<body>
<div class="slide">
    <input type="submit" class="class1" name="submit" value="Написать ответ">
</div>
<div class="view" style="display:none;">тут скрытый текст</div>
<script>
$('div.slide').click(function () {
   $('input', this).val($('div.view').toggle().is(':hidden') ? 'Написать ответ' : 'Скрыть форму').toggleClass('class1 class2'); 
});
</script>
</body>
</html>

Последний раз редактировалось рони, 28.12.2014 в 22:08.
Ответить с цитированием