Почему не работает условие скрытия?

322

17 мая 2017, 08:22

Если сузить экран и нажать на .click-wrapp-curtain то блок .wrapp-curtain скроется. И если расширить экран то блок .wrapp-curtain по идее должен появиться ведь стоит условие

if($('.click-wrapp-curtain').is(':hidden') && $('.wrapp-curtain').is(':hidden')) { 
    	$('.wrapp-curtain').css('display', 'block') 
    }

Почему этого не происходит? Если сузить экран и скрыть его и потом расширить то он не появляется

    $(document).ready(function() {    
     
$('.click-wrapp-curtain').click(function(){ 
    	$('.wrapp-curtain').slideToggle(); 
    }); 
    
if($('.click-wrapp-curtain').is(':hidden') && $('.wrapp-curtain').is(':hidden')) { 
    	$('.wrapp-curtain').css('display', 'block') 
    } 
    
    });

.click-wrapp-curtain{ 
  display: none; 
} 
@media (max-width : 480px) { 
    .click-wrapp-curtain { 
    display: block; 
    } 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
<p class="click-wrapp-curtain">werew</p> 
<div class="wrapp-curtain">5465465465465465</div>