переключаемые коробки с родным JS - PullRequest
Новая
       8

переключаемые коробки с родным JS

0 голосов
/ 21 октября 2011

У меня проблемы с родным JS.Я пытаюсь написать скрипт для переключаемых ящиков (которые будут называться «вкладками»).

на самом деле у меня есть навигация: 

<ul id="nav">
    <li><a href="#home">Home</a>
    </li>
    <li><a href="#about">About</a>
    </li>
    <li><a href="#contact">Contact</a>
    </li>
</ul>

и ниже некоторых абзацев:

Мне нужно переключаться между ссылками, чтобы показывать правильные абзацы.на самом деле я не могу редактировать HTML и CSS, все должно работать только с JS.

Я получил это (он показывает только первый абзац): 

var box = document.getElementsByClassName('box');

for(i = 0; i < box.length; i++) {
if (i !== 0) {
    box[i].style.display = 'none';
}

, но я понятия не имею, какМогу ли я переключаться между пунктами.мое знание JS очень плохое ^^

есть у кого-нибудь идея?

1 Ответ

0 голосов
/ 21 октября 2011

Пожалуйста, проверьте jsfiddle для решения:

См. Скрипту здесь

Это не особо многоразовое решение, но оно делает то, что вам нужно, без использования библиотеки.

...