Подскажите ЖабаСкрипт

[Challenger]

Цель такая:
Сделать одну кнопку (ссылку) после щелчка по которой скрывались/показывались несколько элементов с одним классом(class=""). Важно то что бы скрипт брал не идентификатор, а класс. Идея похожа на скрипт Скрыть/показать, но есть одно "НО", для скрипта Скрыть/показать используется Идентификатор, мне нужен класс, так как повторяющиеся идентификаторы в коде нарушают валидность.
Подскажите, кто шарит ЖС, т.к. я в нем не очень силен. Спасибо.

ЗЫ: Пример скрипта Скрыть/Показать:
http://elementalgames.com/forum/down...e=418&msg=4999

[Wink]

Если не использовать библиотеки типа jquery, то можно перебором элементов:

var div = document.getElementsByTagName("div");
for (var i=0; i < div.length; i++)
{
	if (div[i].className == 'hideClass') 
	div[i].style.display = (div[i].style.display == 'none')? '':'none';
}

[ahsinis]

.... и лучше найденные ДИВы закешировать, если предполагается часто пользоваться отображением/скрытием

[Challenger]

Сообщение от ahsinis

.... и лучше найденные ДИВы закешировать, если предполагается часто пользоваться отображением/скрытием

а можно то что пишете сопровождать примерами применения... я не всегда понимаю с первого раза того что не знаю...

[Regent]

Сообщение от Challenger

а можно то что пишете сопровождать примерами применения

<button onclick="my_funcs()">Кнопка</button>
<script type="javascript">
<!--
function my_funcs() {

var div = document.getElementsByTagName("div");
for (var i=0; i < div.length; i++)
{
if (div[i].className == 'hideClass')
div[i].style.display = (div[i].style.display == 'none')? '':'none';
}

}
//-->
</script>

<div>
<b class="hideClass">Текст</b>
<span class="hideClass">Текст</span>
</div>

С вас 8 тысяч рублей

[Challenger]

Сообщение от Regent

<button onclick="my_funcs()">Кнопка</button>
<script type="javascript">
<!--
function my_funcs() {

var div = document.getElementsByTagName("div");
for (var i=0; i < div.length; i++)
{
if (div[i].className == 'hideClass')
div[i].style.display = (div[i].style.display == 'none')? '':'none';
}

}
//-->
</script>

<div>
<b class="hideClass">Текст</b>
<span class="hideClass">Текст</span>
</div>

С вас 8 тысяч рублей

я про кэширование а не про єто

[ahsinis]

Что-то типа этого

var classDivs = null;
function my_funcs() {
  if(classDivs === null){
    classDivs = [];
    var div = document.getElementsByTagName("div");
    for (var i=0; i < div.length; i++) 
      if (div[i].className == 'hideClass')
        classDivs.push(div[i]);
  }
  for (var i=0; i < classDivs.length; i++) 
    classDivs[i].style.display = (classDivs.style[i].display != 'block') ? 'block' : 'none';
}

Тут правда следует помнить, что если видимость элемента указана в CSS секции, что при первом проходе classDivs[i].style.display будет равна пустой строке, так что надо в вашем контексте условие подправить. Если элемент первоначально скрыт, то
(classDivs.style[i].display != 'block') ? 'block' : 'none';,
если выден, то
(classDivs.style[i].display != 'none') ? 'none' : 'block';

[Regent]

Сообщение от ahsinis

(classDivs.style[i].display != 'block') ? 'block' : 'none';,

Как я понял, классы будут в контексте страницы, так что вариант block не подходит. Лучше его заменить другим значением.

Сообщение от Challenger

я про кэширование а не про єто

А зачем вам кеширование? Чем проще, тем надёжнее (ну невсегда конечно)

[Challenger]

прошу прошения что сразу не отписал.
Решил вот как:

function ShowHide(class) {
var div = document.getElementsByTagName("div");
for (var i=0; i < div.length; i++)
{

if(div[i].className.toLowerCase() == class.toLowerCase())
{
if(div[i].style.display == "none")
div[i].style.display = "";
else
div[i].style.display = "none";
}

}
}

всем огромное спасибо за помощь