Не работают вкладки

[atatat]

Подскажите, пожалуйста, почему не работают вкладки? http://jsfiddle.net/dEAu2/1/
 
Здесь они нормально работают: http://elecronics.bl.ee/

[klierik]

Потому что скрипты не подкюченны

[atatat]

Потому что скрипты не подкюченны

Нашел, вставил скрипты и все равно не работает. http://jsfiddle.net/dEAu2/3/

[Z1gnet]

ну а джейквери библиотеку подключить? http://prntscr.com/2d6vr8

[atatat]

ну а джейквери библиотеку подключить? http://prntscr.com/2d6vr8

Спасибо, да теперь за работало всё. Я попробовал всё перенести на сайт и всё это опять зараза не работает. 

На сайте: http://bit.ly/1cp2Dnp

 

Подскажи, плиз, что нужно исправить? Мужусь уже так долго...

[viv]

На сайте: http://bit.ly/1cp2Dnp

 

Страница не найдена. 

[atatat]

 

На сайте: http://bit.ly/1cp2Dnp

 

Страница не найдена. 

 

Извиняюсь, теперь всё работает.

[viv]

У Вас в JS и html разные имена классов. 

Если в скрипте tab_container, то в html tab_container1

 

Поправьте и должно заработать.

 

 

Также ошибка в верстке в самих табах: <ul>1</ul> - это явная ошибка. Если уж используете ul, то вместе с li. Вот так должно получиться: <ul><li>1</li></ul>

Почитать об ul можно здесь: http://htmlbook.ru/html/ul

Или просто можно <div>1</div>

Edited December 22, 2013 by viv

[atatat]

У Вас в JS и html разные имена классов. 

Если в скрипте tab_container, то в html tab_container1

 

Поправьте и должно заработать.

 

 

Также ошибка в верстке в самих табах: <ul>1</ul> - это явная ошибка. Если уж используете ul, то вместе с li. Вот так должно получиться: <ul><li>1</li></ul>

Почитать об ul можно здесь: http://htmlbook.ru/html/ul

Или просто можно <div>1</div>

СПАСИБО!!! Я исправил только первое про классы и всё сразу заработало.

[viv]

Пожалуйста))

[atatat]

Пожалуйста))

А второе обязательно изменять насчет вертски? Работает всё хорошо.

[viv]

Лучше поправить. У нас на работе такое практически к увольнению.

[atatat]

Лучше поправить. У нас на работе такое практически к увольнению.

Ок, спасибо. Поправил.

<div class="container">    <ul class="tabs">    <li><a href="#tab1"><h2 title='Показать'>Хиты продаж и лучшее</h2></a></li>    <li><a href="#tab2"><h2 title='Показать'>Новинки каталога</h2></a></li>    <li><a href="#tab3"><h2 title='Показать'>Акция, Скидки</h2></a></li>    </ul><div class="tab_container">            <div id="tab1" class="tab_content">            <ul class="tiny_products main">            <li>1</li>            </ul>        </div>                <div id="tab2" class="tab_content">            <ul class="tiny_products main">            <li>2</li>            </ul>        </div>        <div id="tab3" class="tab_content">            <ul class="tiny_products main">            <li>3</li>            </ul>        </div>    </div></div>

Edited December 22, 2013 by atatat

[viv]

Не за что, еще можно оптимизировать чуть чуть.

 

Это не использовать ul, а заменить его на div :-)

Получится:

<div id="tab1" class="tab_content">   <div class="tiny_products main">       1   </div></div>

Экономия копеечная конечно, но все же))

[atatat]

Не за что, еще можно оптимизировать чуть чуть.

 

Это не использовать ul, а заменить его на div :-)

Получится:

<div id="tab1" class="tab_content">   <div class="tiny_products main">       1   </div></div>

Экономия копеечная конечно, но все же))

Спасибо, возьму на заметку.