私はモバイルウェブサイトを設計しています。ホームページには、「a」、「b」、「c」、...、「h」のメニュー項目があります。 最初の3つのメニュー項目だけを表示し、「すべての項目を表示」ボタンをクリックすると、すべての項目が表示されます。また、ボタンをクリックすると、その項目が表示されます。html5とcss3を使用したメニューの拡張
HTML5とCSS3のみを使用してJavaScriptを使用したいと思います。 また、私はこの機能を再利用可能なウェブサイトにしたいと考えています。
どうすればよいですか？
- 事前におねがいします！
現代のモバイルブラウザはすべてJavaScriptをサポートしていますが、エンドユーザーには（少なくともAndroidの場合、iOSについてはわからない）設定を無効にするよう設定します。
開発者は、フェイルセーフ戦略を使用することをお勧めします：メニューを完全に展開してHTMLを配送し、JavaScriptを使用してすぐに読み込み時にメニューを折りたたむことができます。そうすれば、JavaScriptを無効にしたモバイルユーザーがいる場合は、メニュー全体が表示されます。ほとんどのユーザーはJavaScriptを有効にする必要があります。その場合は、ユーザーが説明する展開/折りたたみ機能が使用されます。
JavaScriptを使用しないでこれを実装することは期待できません。回避策が見つかると、JavaScriptを使用するだけで安定したとは思いません。メニュー項目を非表示にするには、CSSプロパティをdisplay: none;に設定し、これらのメニュー項目をターゲットとし、表示プロパティを切り替えるボタンを配置します。
JavaScriptを使用せずにクライアント側の対話ロジックの実装をやめてください。私は、古いクライアント（未完の草案はあなたに与える可能性が最も低い）との互換性のための要件でない限り、特定のバージョンの技術を主張するのを避けるだろう。 – Quentin
なぜJavaScriptはありませんか？ – Alp
私はすべてのモバイルブラウザでうまく動作しないため、Javascriptを避けています。 – hkasera