проблемы с click и hide
Всем привет. Есть код:
<script>
$(function () {
$('.add-comment').click(function(){
var editor = $('.editor');
if (editor.is(":hidden")){
editor.slideDown();
}else{
editor.slideUp();
}
return false;
});
$('.comment-ans').click(function(){
var $editor = $('.editor');
$editor.hide();
var mid = $(this).attr("id");
$editor.remove();
var clone = $editor.clone();
setTimeout(function(){
$(clone).css("margin", "5px 0 5px 20px");
$(clone).insertAfter("div#msg"+mid).slideDown();
$("input[name=parent]").val(mid);
}, 600);
});
});
</script>
При клике на comment-ans появляется textarea, при повторном клике она сначала исчезает, а потом снова появляется. Подскажите, как сделать, чтобы при первом клике textarea появлялась, а при втором исчезала. Спасибо |
Цитата:
|
хз, код в нете нашел, сам в js не силен, пробовал немного манипулировать кодом, но ничего не выходит.
|
mortido,
а clone зачем? |
mortido,
а минимальный html ? |
да не знаю, говорю же код в интернете нашел, он не мой. он нужен для древовидных комментариев.
|
Перенос поля ответа в нужный пост
mortido,
вариант без jQuery для медитации
<!DOCTYPE HTML>
<html>
<head>
<title>Untitled</title>
<meta charset="utf-8">
<style type="text/css">
.comment-ans{
cursor: pointer;
}
form {
display: none;
}
div form {
display: block;
}
</style>
<script>
var node;
document.addEventListener("click", function(event) {
var el = event.target;
if (el.classList.contains('comment-ans')) {
node && node.querySelector('.comment-ans') && (node.querySelector('.comment-ans').value = 'ответить');
el.value = (node == el.parentNode) ? 'ответить' : 'закрыть' ;
node = (node == el.parentNode) ? document.body : el.parentNode
node.appendChild(document.forms.mes);
}
});
</script>
</head>
<body>
<div>01<input name="" type="button" value="ответить" class="comment-ans"></div>
<div>02<input name="" type="button" value="ответить" class="comment-ans"></div>
<div>03<input name="" type="button" value="ответить" class="comment-ans"></div>
<div>04<input name="" type="button" value="ответить" class="comment-ans"></div>
<div>05<input name="" type="button" value="ответить" class="comment-ans"></div>
<div>06<input name="" type="button" value="ответить" class="comment-ans"></div>
<div>07<input name="" type="button" value="ответить" class="comment-ans"></div>
<div>08<input name="" type="button" value="ответить" class="comment-ans"></div>
<div>09<input name="" type="button" value="ответить" class="comment-ans"></div>
<div>10<input name="" type="button" value="ответить" class="comment-ans"></div>
<form name="mes" action="http://">
<textarea name=""></textarea>
</form>
</body>
</html>
|
| Часовой пояс GMT +3, время: 21:10. |