2016-09-17 3 views
0

Показать/скрыть сценарий jQuery. Когда я скрываю свой контент div и загружаю страницу, мой контент остается видимым в течение 1 секунды или что-то в этом роде, и после этой «короткой задержки» все, если это хорошо, мой контент div скрыт.jQuery hide/show short delay

Как я могу это решить?

$(document).ready(function(){ 

jQuery('#animate_shoutboxTurnOn').hide(); 
jQuery('#animate_shoutbouxMarker').click(function() { 
     jQuery(this).hide(); 
     jQuery('#shoutbox_category').fadeOut('fast'); 
     jQuery('#animate_shoutboxTurnOn').show(); 
     jQuery.cookie("openclose","closed", {expires: 365}); 
     return false; 
    }); 
jQuery("#animate_shoutboxTurnOn").click(function() { 
     jQuery(this).hide(); 
     jQuery('#shoutbox_category').fadeIn('fast'); 
     jQuery('#animate_shoutbouxMarker').show(); 
     jQuery.cookie("openclose","open", {expires: 365}); 
     return false; 
    }); 
if(jQuery.cookie("openclose") == "closed") { 
     jQuery("#animate_shoutbouxMarker").hide(); 
     jQuery("#animate_shoutboxTurnOn").show(); 
     jQuery('#shoutbox_category').hide(); 
    }; 

}); 

ответ

0

В вашем CSS добавить:

#animate_shoutboxTurnOn, #animate_shoutbouxMarker, #shoutbox_category{ 
    display:none; 
} 

Затем изменить свой код:

$(document).ready(function(){ 

    if(jQuery.cookie("openclose") == "closed") { 
     jQuery("#animate_shoutboxTurnOn").show(); 
     jQuery("#animate_shoutbouxMarker").hide(); 
     jQuery('#shoutbox_category').hide(); 
    } else { 
     jQuery("#animate_shoutboxTurnOn").hide(); 
     jQuery("#animate_shoutbouxMarker").show(); 
     jQuery('#shoutbox_category').show(); 
    }; 
    jQuery('#animate_shoutbouxMarker').click(function() { 
     jQuery(this).hide(); 
     jQuery('#shoutbox_category').fadeOut('fast'); 
     jQuery('#animate_shoutboxTurnOn').show(); 
     jQuery.cookie("openclose","closed", {expires: 365}); 
     return false; 
    }); 
    jQuery("#animate_shoutboxTurnOn").click(function() { 
     jQuery(this).hide(); 
     jQuery('#shoutbox_category').fadeIn('fast'); 
     jQuery('#animate_shoutbouxMarker').show(); 
     jQuery.cookie("openclose","open", {expires: 365}); 
     return false; 
    }); 


}); 
+0

Не работает .. я имею в виду. Итак, я хочу отобразить уже поле div и когда я нажимаю кнопку скрыть, чтобы скрыть поле, и когда я обновляюсь, я хочу быть скрытым, и только моя скидка (кнопка шоу) должна быть видимой (чтобы снова включить мой бокс) , – mydream

+0

Посмотрите на свою консоль javascript и проверьте наличие ошибок. Похоже, что 'jQuery.cookie' не загружен. – the7erm

+0

У меня нет ошибок .. все в порядке ... но когда ящик скрыт, и я обновляю страницу, окно видно и после очень короткой задержки (1сек) => скрыто .. я не знаю почему. – mydream

0

пытаются заменить

.hide(); 

с

.css('display','none');