Выпадающий текст при нажатии на ссылку
Доброй день уважаемые форумчане.
Подскажите как доделать java скрипт:
Собственно сам скрипт: var show; function hidetxt(type){ param=document.getElementById(type); if(param.style.display == "none") { if(show) show.style.display = "none"; param.style.display = "block"; show = param; }else param.style.display = "none" } <div class="usercabinet_block infopage"> <div class="cabinet_content"> <div class="infoHorblock_container"> <div class="infoHorblock_navigation clear_after"> <div class=""><a onclick="hidetxt('div1'); return false;" href="#" rel="nofollow">Ссылка 1</a></div> <div class=""><a onclick="hidetxt('div2'); return false;" href="#" rel="nofollow">Ссылка 2</a></div> <div class=""><a onclick="hidetxt('div3'); return false;" href="#" rel="nofollow">Ссылка 3</a></div> </div> <div class="infoHorblock_text clear_after" style="height: 81px;"> <div class="" style="display:none;" id="div1"> <p><strong>Заголовок 1</strong></p> <p>Много много много текста 1</p> </div> <div class="" style="display:none;" id="div2"> <p><strong>Заголовок 2</strong></p> <p>Много много много текста 2</p> </div> <div class="" style="display:none;" id="div3"> <p><strong>Заголовок 3</strong></p> <p>Много много много текста 3</p> </div> </div> </div> </div> </div> Пример как хочу сделать: http://www.moyo.ua/consumers.html ( Не реклама) Код частично взят с того же сайта и найден на просторах интернета. А вот сам Java скрипт выдернуть не смог, точнее файл нашел, но найти там что либо не удалось:) Не судите строго, знаний маловато, приблизительно я что-то понял: Куда то нужно добавить это: $('#myTabs a:first').tab('show') и так же куда то добавить это: $this.closest('div').children('a').removeClass('active'); $this.parent().addClass('active'); Но вот как это все воплотить в жизнь я еще не понимаю. Буду очень благодарен за любую помощь:) |
Ну для начала это не java а javascript
Во вторых не проще ли сразу отдавать страницу не указывая первому блоку display:none ? В третьих в твоем случае лучше использовать классы а не id. Алгоритм: кликаем по классу - собираем все элементы с этим классом - устанавливаем всем display:none(или навешиваем некий класс скрывающий элемент через css) - устанавливаем кликнутому элементу diplay:block(или навешиваем некий класс) Домашнее задание: написать код самостоятельно |
Часовой пояс GMT +3, время: 17:07. |