0

Подскажите, пожалуйста, как скрыть элемент (message) по клике другому элементу (q-delete-icon)? В данный момент такой код:

	
$(function() {
    $('.q-delete-icon').click(function(){
        $('.message').click(function(){
            $(this).hide('slow');
        });
    });		
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<div class='message'> 
    <div class='q-delete-icon' id='2'>close</div>
    От кого:<a href='#'>Ttt</a> | <br />
    2013-07-23 19:31:44<br />
    Сообщение
</div>

2
  • Структуру HTML покажите. И при чем тут ajax в тегах? Может быть jQuery?
    – Deonis
    25 июл 2013 в 10:37
  • Да, jquery. Необходимо чтобы элемент message скрывался именно тот, по которому кликнули на q-delete-icon. Первый раз все как надо, второй раз уже скрывается message даже если не кликать на q-delete-icon. HTML: <div class='message'> <div class='q-delete-icon' id='2'></div>От кого:<a href='#'>Ttt</a> | <br />2013-07-23 19:31:44<br />Сообщение</div>
    – tayler882
    25 июл 2013 в 10:57

1 ответ 1

1
$('.q-delete-icon').click(function(){
    $(this).closest('.message').hide('slow');
});

Демо: http://jsfiddle.net/XahXU/

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.