JQUERY CSS «display» «block» не работает, хотя «отображение» «none» действительно работает ....

Question

Привет, ребята, я сейчас работаю над онлайн-комиком и борюсь с следующим кодом jquery. JQuery должен изменить код css с изображения # compscreen2 с «display: none» на «display: block» после того, как другая функция произойдет, но она не работает, и я не могу понять, почему ... любая помощь, пожалуйста? Кажется, что работает для другого изображения, хотя .... #compscreen дисплей: нет. Помогите!

JS:

$(document).ready(function() { 

//function for automated top scrolling 
$(window).on('scroll', function(e){ 
    scrollPosY(); 

    if ($('#panel11').visible(true) && scrolled == 0) { 
    $('html, body').stop().animate({ scrollTop: $('.scrollpanel').offset().top }, 500) 
    scrolled = 1; 
    $("div.wrap2").remove(); 
    $("#compscreen2").css("display","block"); 
    $("#compscreen").css("display", "none"); 
    } 
}); 

$window = $(window); 


}); 

CSS:

#compscreen2 img{ 
    width: 60%; 
    padding-left: 20%; 
    position: absolute; 
    display: none; 
} 

Answer 1

устанавливаемыми сотовыми устанавливает display: none для #compscreen2 img, не #compscreen2 сам. Вы можете сделать CSS что-то вроде этого:

#compscreen2 { 
    display: none; 
} 

#compscreen2 img { 
    width: 60%; 
    padding-left: 20%; 
    position: absolute; 
} 

или изменить JS для:

$("#compscreen2 img").css("display","block"); 

Вы также можете использовать вспомогательные функции show и hide, чтобы сделать код немного более читаемым.