@Islamfon

Как правильно скрыть контент через jquery?

Внизу код, при нажатии на ссылку через ajax подгружается контент. Вставил вот этот кусок кода в success
$('#get').click(function(){
$("#content").hide("slow");
});

чтобы при повторном нажатии контент скрывался. Но если нажать третий раз на ссылку контент не подгружается больше. Как правильно вставить код, вот сюда, чтобы контент всегда подгружался и скрывался при клике на ссылку:
<div id="get" class="mess"><a href="#">Скачать видео</a></div>
<div id="content"></div>

$(document).ready(function(){
$('#get').click(function(){
$.ajax({
url: "download.php",
cache: false,
beforeSend: function() {
$('#content').html('<img src="img/ajax_load.gif">');

},
success: function(html){
$("#content").html(html);
$('#get').click(function(){
$("#content").hide("slow");
});
}
});
return false;
});

});
  • Вопрос задан
  • 368 просмотров
Пригласить эксперта
Ответы на вопрос 1
frost18
@frost18
Программист PHP
$(document).on('click', '#get', function(e){
    e.preventDefault();
    var $content = $('#content');
    if($content.is(':visible')){
        $content.hide();
    }
    else{
        $.ajax({
            url: "download.php",
            cache: false,
            beforeSend: function(){
                $content.html('<img src="img/ajax_load.gif">');
            },
            success: function(html){
                $content.html(html);
            }
        });
    }
});
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы