JQuery onclick закрыть кнопку, скрыть весь диапазон, включая кнопку закрытия

Question

У меня есть изображение css, к которому прикреплена кнопка закрытия. Я бы хотел нажать кнопку закрытия, и весь диапазон исчезнет с помощью jquery. Это в основном мой HTML:

<span class="topic_new_button"> 
    <a href="" class="closebutton"></a> 
    <a href="" class="imglink""></a> 
</span> 

И я попробовал:

$(".closebutton").on("click", function(event) { 
    var $row = $(this); 
    $row.animate({ opacity: 0.05}, function() { 
     $row.find(".imglink").fadeIn(); 
    }); 
}); 

Но это не работает, может кто-то указать на ошибку моего пути?

Answer 1

Чтобы FADEOUT всего span, вызовите FADEOUT() на родителе Clicked элемента

$(".closebutton").on("click", function (event) { 
    $(this).parent().fadeOut(); 
    event.preventDefault(); 
}); 

Answer 2

Если это и приведенный выше пример не работает, ваш Jquery может устареть.

$(document).ready(function() { 
    $('.closebutton').click(function() { 
    $('span').fadeOut(); 
    }); 
}); 

Кроме того, есть ошибка в вашем HTML-коде (за дополнительную кавычка), и когда у вас есть связь без ссылки, он возвращает ошибку, использовать что-то еще, как кнопка.

Адрес JSFiddle example, используя вместо этого тег <button>.

Answer 3

первая вещь, которую вы использовали fadeIn, который используется для показа вместо использования fadeOut или hide

, если вы не используете больше <span class="topic_new_button"> то ниже, тренировки

$(".closebutton").on("click", function (event) { 
    $("#topic_new_button").fadeOut(); 
}); 

ИЛИ

$(".closebutton").on("click", function (event) { 
    $("#topic_new_button").hide(); 
});