Элегантное решение без JavaScript

Question

Итак, я создал выпадающий список jquery, который выглядит неплохо, но теперь мне нужно работать с пользователями noscript. С отключенным Javascript мой div все еще там и также отображает стандартное поле выбора альтернативного болота.

Я ищу элегантное решение для удаления всего содержимого, зашифрованного с помощью jquery (с помощью css?), И замены его более HTML-кодом.

Answer 1

Вы подходите к проблеме с неправильного направления. Вы должны начать с базового HTML, а затем применять прогрессивные улучшения через javascript / jQuery / и т. Д. Используя эту модель, вы всегда будете иметь возможность «отключить JavaScript» с работоспособным интерфейсом.

Попытка работать в обратном направлении из интерфейса «наворотов» вдвойне трудна.

Если для вашего расширенного интерфейса требуются дополнительные сущности HTML, лучше всего установить для них значение «display: none» и открыть их с помощью javascript / jQuery / и т.д.

Answer 2

Согласен с Лазарем.Чтобы помочь вам с раскрывающимся списком, вы можете использовать css ":hover", чтобы добиться некоторого сокрытия и раскрытия без использования JS.

Answer 3

Я бы порекомендовал вам пойти другим путем. Сначала вы разрабатываете страницу без содержания jquery. Страница должна использовать только стандартные элементы HTML. А затем вы используете jQuery для их расширения (например, измените стандартный выпадающий список с помощью jQuery one).