Сообщений в теме: 10

[Kess]

Hello,

 

I'll give you two methods so you'll be able to choose which one suits you better.

 

1.

 

This is the simplest one.

 

This goes to css:

.pg-filter {
    display: none;
}

I'm not 100% sure about this selector - I don't know if you use it somewhere else on the website. The idea is to select a block with the filter.

 

And add this script:

jQuery(document).ready(function() {
    jQuery(".pg-filter").css("display", "block");	
});

I guess it's better to put this script after other scripts that affects the filter.

 

So this solution will just completely hide that filter until the page is loaded and display it later.

 

 

2.

 

This solution is smoother. I like it more.

 

css:

.pg-filter {
    visibility: hidden;
}

js:

jQuery(document).ready(function() {
    setTimeout(function() {
        jQuery(".pg-filter").css("visibility", "visible").hide().fadeIn(500);
    }, 500);	
});

Try them both, just not at the same time. And in case something else will disappear, try to change ".pg-filter" selector to something else, both in css and jQuery.