jQuery, показать элемент ПОСЛЕ загрузки страницы

Question

У меня возникла проблема с сценарием содержимого с вкладками jQuery, который очень кратко, так как страница загружает все вкладки, складывающиеся друг на друга, так что я хочу иметь возможность загружать элемент, но скрыть его до тех пор, пока остальная часть страницы не загрузится, а затем исчезнет, ​​надеюсь, без каких-либо проблем с укладкой.

Здесь a sample URL с существующей проблемой, так как вы должны быть в состоянии видеть, загружается содержимое с вкладками, но выглядит «сложным».

Я открыт для других предложений, если кто-нибудь знает о лучшем методе.

Answer 1

Вы могли скрыть его по умолчанию, например:

<ul class="side-nav z-tabs-nav z-tabs-desktop z-hide-menu" 
    id="stacktabs" style="display:none"> 

А затем добавьте этот JS в нижней части страницы:

jQuery(document).ready(function(){ 
    jQuery('#stacktabs').fadeIn(1000); 
}); 

Обратите внимание:

1. Я вы добавили ID в свой тег ul, потому что у вас есть два списка для мобильных и немобильных устройств. Думаю, вам нужно исчезнуть только в одном;
2. вы можете указать скорость fadein в миллисекундах в качестве аргумента функции fadeIn();
3. Я использовал jQuery() вместо $(), чтобы избежать конфликтов с другими библиотеками.