Табы

[DivMan]

Это нормальный код?

https://jsfiddle.net/192xsgqg/1/

[by chris]

Это нормальный код?

Все от твоих предпочтений. Если ты готов дописывать яваскрипт код добавляя новый таб с постом в штмл разметку, то годится. Но врятле кто-то еще захочет заморачиваться, и пойдет искать плагин, который не надо ковырять.

 

Не самый продвинутый код, но миссию свою исполняет.

https://jsfiddle.net/192xsgqg/2/

[DivMan]

Я не понимаю, этот код:

 (function(index) {})

Функция не определена и в её начале открывается скобка,так же нигде не учат. 

[Igor Schnaider]

Я не понимаю, этот код:

 (function(index) {})

Функция не определена и в её начале открывается скобка,так же нигде не учат. 

Так это функциональное выражение. Конкретно этот пример смысла не имеет. Обычно такие функции, которые сразу вызываются, создают для того, чтобы создать область видимости для переменных.

 

(function(item) {

    /* ... */

})();

[DivMan]

Почему выскакивает ошибка Uncaught TypeError: Cannot read property 'getAttribute' of undefined

https://jsfiddle.net/njz236ms/

[DivMan]

Почему не читает свойство стиль?

 

https://jsfiddle.net/7tpuu95a/1/

Edited February 15, 2016 by DivMan

[li4e]

Увеличивается i, а проверяется a

for(var a = 0; a < tab.length; i++){        tab[a].addEventListener("click", function(){         if(content.children[i].style.display='none'){         	content.children[i].style.display='block';         }        })       }         }

[DivMan]

 

Увеличивается i, а проверяется a

for(var a = 0; a < tab.length; i++){        tab[a].addEventListener("click", function(){         if(content.children[i].style.display='none'){         	content.children[i].style.display='block';         }        })       }         }

Я это заметил

[DivMan]

Почему не работает?

 

https://jsfiddle.net/7tpuu95a/2/

Edited February 15, 2016 by DivMan

[Q4Dizzy]

А зачем для табов скрипты то использовать? можно же обойтись и радио кнопками + стили..

[DivMan]

А зачем для табов скрипты то использовать? можно же обойтись и радио кнопками + стили..

 

Если делать без JS, то при добавлении таба, придётся изменять CSS

[by chris]

Увеличивается i, а проверяется a

Чтобы браузер крашнулся)

Почему не работает?

 

Что показывает консоль лог в переменной i в функции-обработчике метода addEventListener?

[DivMan]

Cannot read property 'style' of undefined

[by chris]

https://jsfiddle.net/sashadev/7tpuu95a/4/

-

поправил линк

Edited February 15, 2016 by by chris

[DivMan]

Почему с помощью jquery не работает?

http://plnkr.co/edit/RIkL8PIg7hZZYyWbgFwQ?p=preview

Edited June 29, 2016 by DivMan

[DivMan]

Почему вкладки не закрываются?

http://plnkr.co/edit/Hzt9LPdVa9cT8YCcfu1E?p=preview

[andrey7287]

$(this).siblings('.accordion_inner').slideToggle();

 

[DivMan]

Почему не переключается слайдер?

http://plnkr.co/edit/O8SrY2F3BvqFtkkhj4mx?p=preview

[DivMan]

Почему, функция срабатывает, если кликнуть на подпункт, а не на сам пункт? 

onclick же присвоен для li

http://plnkr.co/edit/94hUCsl33qeQ5fYsR3mO?p=preview

и почему то в песочнице не работает

[DivMan]

Почему автоматическое закрытие происходит только 1 раз?

http://plnkr.co/edit/b5LbiFyk3QtwFBvf03zm?p=preview

[Igor Schnaider]

Намудрил опять что-то :-)
http://plnkr.co/edit/ZsJZ6bpjJW0fdohEkmIi?p=preview

[DivMan]

Как можно исправить, что бы не ругалась консоль при клике на вложенное меню?

http://plnkr.co/edit/Vp0yRLM4CpJEe0gzDPtr?p=preview

[DivMan]

Помогите убрать повторение кода.

Вот есть код 

https://jsfiddle.net/9bdaxygb/

Я хочу сделать функцию, которая будет при клики на таб, находить такой же класс у контента
и отображать его, а остальное скрыть

https://jsfiddle.net/pgbmbx54/

[Q4Dizzy]

 

6 часов назад, DivMan сказал:

 

Помогите убрать повторение кода.

Вот есть код 

 

https://jsfiddle.net/9bdaxygb/3/

А тебе исключительно на чистом javascript нужно или jQuery пойдёт?

Лично, как по мне - зря только время тратишь, используя исключительно чистый js. Кода во много раз больше, да и вряд ли можно найти сайты без jQuery.

Edited October 31, 2016 by Q4Dizzy

[DivMan]

Вот у меня тоже была мысль найти совпадение, но не как не доходило, как это сделать, спасибо.