3 replies to this topic

[P.K]

Hi

When the product  page is loaded then it takes some time to organise the tabs. Initially they are shown in list form. So i was trying to make it hidden initially and then visible. So i made it something like this-

.jbzootabs {
    visibility: hidden;
}
jQuery(document).ready(function() {
    setTimeout(function() {
        jQuery(".jbzootabs").css("visibility", "visible").hide().fadeIn(300);
    }, 300);	
});

But the javascript doesnt seem to work. I just wanted to know will the script be placed in the full.php? and what cud be the problem

thanks

[Kess]

Hello,

 

The script is correct. And it's ok to put in full.php. But I can't find that css rule in your styles and the script on a page. Are you sure you've put them in the right files?

[P.K]

Hi

Actually i removed it as it was not working. i have put it again. You may check but the problem is not being solved. Still the tab first appers as list then take shape of tabs

thanks

[Kess]

I've fixed this. The reason it didn't work was that "jbzootabs" class was added later during tabs initialization, so that css rule didn't take effect when needed. Right now I've added inline "hidden" style to your tabs in full.php and it works fine. You can leave it as it is or move it to css if you want. 

Edited by Kess, 12 January 2014 - 10:24.