Ищете способ позволить пользователю контролировать уровень детализации, отображаемой на странице html [закрыто] ⇐ Html

[Anonymous]

У меня есть html-страница, которую я могу настроить для трех разных уровней детализации, включая некоторые элементы, помеченные class="basic", некоторые элементы, помеченные class="full", а все остальные не помеченные. Минимальная конфигурация, в которой в CSS для обоих этих классов указано «display: none», отображает только то, что не отмечено. Конфигурация, которую я хотел бы использовать по умолчанию, отображает некоторые, но не все отмеченные элементы, помещая «display: inline» в CSS для «базового» класса, но все же «display: none» в CSS для «полного» класса. А затем самая полная конфигурация отображает все, как помеченные, так и неотмеченные элементы, путем помещения «display: inline» в CSS как для «базового», так и для «полного» классов. Все идет нормально. Это работает нормально. Я могу выбрать нужный режим отображения, вручную отредактировав CSS.
Чего мне не хватает и чего я не знаю, как добиться, так это предоставить человеку, просматривающему веб-страницу, возможность легко выбирать, какой из этих режимов отображения он хочет. Можно ли настроить все так, чтобы пользователь мог добавить более подробную информацию, просто щелкнув эту область текста? Областью, которая должна реагировать на щелчки мыши, является конкретный столбец таблицы, в котором отображается текст — тот самый столбец, который будет расширяться за счет добавления более подробной информации. Если отображаемая информация в настоящее время находится на «минимальном» уровне, щелчок по этому столбцу увеличит отображаемую сумму до «базового» уровня. Если отображаемая информация в настоящее время находится на базовом уровне, щелчок по этому столбцу расширит отображаемую сумму до «полного» уровня. И если он уже находится на «полном» уровне, щелчок по этому столбцу вернет его обратно на минимальный уровень.
Или, альтернативно, если направление этих настроек отображения возможно изменить с помощью щелчка, удерживая клавишу Shift, позвольте щелчку повысить уровень детализации с «минимального» до «базового» или с «базового» на «полный», а щелчок, удерживая клавишу Shift, понизит уровень детализации с «полного» до «базового» или от «базового» до «минимального». В любом случае, всего несколькими щелчками мыши пользователь увидит все возможности и сможет выбрать тот, который лучше всего соответствует его текущим потребностям.
Похоже, что такие вещи должны быть возможны. Может ли кто-нибудь показать мне, как это сделать, или, может быть, указать мне на веб-страницу, где такие функции успешно используются? Иногда поиск в Google оказывался весьма продуктивным и приводил меня к нужному руководству, но по какой-то причине на этот раз это оказалось не очень плодотворно.

Подробнее здесь: https://stackoverflow.com/questions/798 ... d-on-an-ht