Ошибки в скрипте к приминению к табов

[alex1998]

http://codepen.io/anon/pen/gbtcf  уверен, там какая-то маленькая ошибка. Таб простой дико и ясен. Нужный эффект при active у меня записан как .menu li:active{...}, а скрипт дает значение active только когда не .menu li:active, а .menu a: active. И в скрипте менял хоть убей, но не то) и чего-то не удаляет класы перед назначием нового

[Switch74]

на сколько я помню, :active работает только с ссылками

[alex1998]

на сколько я помню, :active работает только с ссылками

но на тэг <a> неправильно срабатывает css

[Switch74]

как css не правильно срабатывает на тэг <a>?

[alex1998]

как css не правильно срабатывает на тэг <a>?

http://codepen.io/anon/pen/cpsid вот я немного переделал, теперь там в меню и css все с <a>, но скрипт по прежденему не пашет.

[Switch74]

чего вы там нагородили то, что даже codepen загнулся?

для начала:

1. пишите аккуратнее html, чтобы можно было в этом разобраться

2. что значит <div type="none">

3. ваш скрипт (мудреный) написан на jquery, а сама библиотека не подключена, из-за этого он и не пашет

теперь по поводу скрипта:

3.1 $(".menu.tabs ").find("a") - начало вообще не правильное, продолжение не обязательное

3.2 $(".tabs") опять не то, ищем ссылки, а не их обертку

4. CSS не дописан:

4.1 activeClass у вас не было

4.2 .tabs a думаю должны быть блочными ну или сделать им перенос строки

вот что получилось

http://codepen.io/anon/pen/uGEek

[alex1998]

чего вы там нагородили то, что даже codepen загнулся?

для начала:

1. пишите аккуратнее html, чтобы можно было в этом разобраться

2. что значит <div type="none">

3. ваш скрипт (мудреный) написан на jquery, а сама библиотека не подключена, из-за этого он и не пашет

теперь по поводу скрипта:

3.1 $(".menu.tabs ").find("a") - начало вообще не правильное, продолжение не обязательное

3.2 $(".tabs") опять не то, ищем ссылки, а не их обертку

4. CSS не дописан:

4.1 activeClass у вас не было

4.2 .tabs a думаю должны быть блочными ну или сделать им перенос строки

вот что получилось

http://codepen.io/anon/pen/uGEek

Спасибо огромное, просто от души. ТЫ лучший!!!

[alex1998]

чего вы там нагородили то, что даже codepen загнулся?

для начала:

1. пишите аккуратнее html, чтобы можно было в этом разобраться

2. что значит <div type="none">

3. ваш скрипт (мудреный) написан на jquery, а сама библиотека не подключена, из-за этого он и не пашет

теперь по поводу скрипта:

3.1 $(".menu.tabs ").find("a") - начало вообще не правильное, продолжение не обязательное

3.2 $(".tabs") опять не то, ищем ссылки, а не их обертку

4. CSS не дописан:

4.1 activeClass у вас не было

4.2 .tabs a думаю должны быть блочными ну или сделать им перенос строки

вот что получилось

http://codepen.io/anon/pen/uGEek

а как сделать, чтобы этот класс(с различными свойствами) можно было задавать индивидуально к каждой кнопке? я так понимаю просто несколько раз писать скрипт? или как-то компактнее можно сделать?

[Switch74]

В вашем случае можно

#one.activeClass{}#two.activeClass{}#three.activeClass{}