ここに私のjsfiddleがあります。見てください：
この「ul」のフォーマットに問題があります。これは wordpress 用であるため、さらに「li」要素が追加されます。「li」要素は「position:relative;」である必要があります。jquery ドロップダウン関数を使用して「display:none」から「display:inline」に変更すると、「div」の高さがそれに合わせて変更されます。
リストを次のように表示したい：
ホーム Item1 Item2 Item3
ItemA ItemB ItemC ItemD ItemE ItemF
ItemX ItemY ItemZ
これにはテーブルを使用する必要がありますか? これらの要素をこのように表示するにはどうすればよいですか? 「ul」を浮かせたままにしてみました。
リストはドロップダウン メニューのように機能するため、Item2 > ItemC を選択すると、リストは次のように表示されます。
ホームアイテム1 アイテム2 アイテム3 アイテムC アイテム
Dアイテム
Y
また、クリックまたはトグルで一度に 1 つの兄弟のみを表示する方法のアイデアがあれば、お知らせください。親が「選択された」ことを意味するクラスを採用し、その子にクラスを追加して表示する必要があるという考えはあります。そして、その兄弟の 1 つがクリックされると、親は「選択された」クラスを失うはずです。しかし、これを機能させるのに問題があります。