Перейти к содержимому


Фотография
- - - - -

Tabs


Лучший Ответ Kess , 12 January 2014 - 10:24

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. 

Перейти к сообщению


  • Закрытая тема Тема закрыта
Сообщений в теме: 3

#1 P.K

P.K

Отправлено 12 January 2014 - 07:30

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


  • 0

#2 Kess

Kess

Отправлено 12 January 2014 - 09:17

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?


  • 0

#3 P.K

P.K

Отправлено 12 January 2014 - 09:24

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


  • 0

#4 Kess

Kess

Отправлено 12 January 2014 - 10:24   Лучший Ответ

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. 


Сообщение отредактировал Kess: 12 January 2014 - 10:24

  • 1




Click to return to top of page in style!