[Mod] удобные Вкладки на странице товара

[wiggly]

Можно немного разжевать для нуба?...

Дайте док страницы где у Вас закладки посмотреть.

 

[rusel666]

Дайте док страницы где у Вас закладки посмотреть.

Остальной код взят из первого сообщения.

 

[wiggly]

Остальной код взят из первого сообщения.

У Вас ошибка во второй строчке в файле tab.js
Если в инспекторе объектов посмотрите то поймете что там присутствуют перекодированные символы сохраните файл в utf-8

 

[rusel666]

У Вас ошибка во второй строчке в файле tab.js
Если в инспекторе объектов посмотрите то поймете что там присутствуют перекодированные символы сохраните файл в utf-8

tab.js не причем, просто забыл удалить его... Скрипт вызывается в product_info.html

<script type='text/javascript'>
{literal}
(function($) {
$(function() {
    $('ul.tabs').delegate('li:not(.current)', 'click', function() {
        $(this).addClass('current').siblings().removeClass('current')
            .parents('div.section').find('div.box').hide().eq($(this).index()).fadeIn(150);
    })
})
})(jQuery)
{/literal}
</script>

 

[wiggly]

tab.js не причем, просто забыл удалить его... Скрипт вызывается в product_info.html

У вас не хватает css стилей.

Добавьте

ul.tabs ~ .box {display: none;}
.box.visible{display:block;}

 

[rusel666]

У вас не хватает css стилей.

Добавьте

ul.tabs ~ .box {display: none;}
.box.visible{display:block;}

Сейчас при открытии страницы все вкладки закрыты, но хотелось бы , что б первой при загрузке была открыта описание.

 

[wiggly]

Недописал. Извиняюсь. И для второго правила нужно было использовать ul.tabs

Вот так должно быть намного лучше.

.tabs ~ .box {display: none;}
.tabs ~ .box.visible{display:block;}