|
Сообщение от utb
|
|
набросал тут свой говнокод
|
Могу предложить свой вариант...
<!DOCTYPE html>
<html>
<head>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<!--
<link rel="stylesheet" type="text/css" href="tmp.css" />
-->
<style type="text/css">
#respond {
display: none;
}
</style>
<script type="text/javascript">
$(document).ready(function (){
$('.otvet').click(function (){
$(this).hide();
$(this.parentNode).append($('#respond > .send').clone(true));
});
$('.send input').click(function (){
/* тут делай что хочешь */
var o=$(this).parents('.comment');
o.find('.send').remove();
o.find('.otvet').show();
});
});
</script>
</head>
<body>
<ul class="comments">
<li>
<div class="comment">
<p>Тут коммент</p>
<a href="#" class="otvet">Ответить</a>
</div>
<ul class="sub comments">
<li>
<div class="comment">
<p>Тут коммент</p>
<a href="#" class="otvet">Ответить</a>
</div>
</li>
</ul>
</li>
</ul>
<div id="respond">
<div class='send'>
<form>
<textarea></textarea>
<input type="button" value="Отправить" />
<form>
</div>
</div>
</body>
</html>