show&hide

jQuery: независимый показ и скрытие множественных элементов

Громадное спасибо автору и комментаторам за статью, благодаря которой и стало возможным создание и внедрение скрипта независимого показа и скрытия множественных элементов на jQuery.

Если вы откроете Карту сайта, то сможете увидеть, как работает сниппет на множественных вложенных объектах...

При создании скрипта, прежде всего стояла цель, сделать переносимый и легко внедряемый код.

Все что нужно было от скрипта, это возможность применять его на любом элементе (включая DIVы, параграфы, рисунки и т.д.) у которого был бы назначен CSS класс «toggle». Предыдущему элементу при этом добавляется элемент ссылки A с текстом или изображением show/hide.

Это правильный подход, достаточно хорошо работающий и на заголовках.
[w2hideshow]

Пример

  • Мама мыла раму
  • Рама мыла маму
  • Мыло рама маму

Код

Первоначально код выглядел следующим образом.

Код достаточно надежно работал с текстовыми ссылками и не хотел работать с ссылками изображениями. Он их просто не менял.

Слабое место:

JS в разных браузерах про разному интерпретировал сравнение кода картинки, поэтому решили переделать функцию переключения через проверочную переменную is_visible.

Но и в этом случае код не работал адекватно на множественных элементах с классом toggle.

В конце концов один из комментаторов предложил отказаться от переменной и переписать через проверку видимости самого класса toggle.

Изящное решение проблемы.


Оставить комментарий