css3 と target 属性を使用してインタラクティブなメニューを作成しています。メニューボタンをクリックすると、:target 属性を使用してサブメニューを開くようにしています。メニューポイントがターゲットの場合、サブメニューの高さを自動に設定し、ターゲットでない場合は高さを0にする必要があると簡単に言います.
しかし、私の質問は次のとおりです。ターゲットを簡単に削除する方法はありますか? 私がやりたいことは、メニューボタンをクリックするとサブメニューが表示されることです(私はすでにそれを作っています)。次に、同じボタンをもう一度クリックすると、もう一度閉じたいと思います。
純粋な css/html でこれを行う方法はありますか、またはこれを行うには javascript/jquery に変更する必要がありますか? これまではcss3を使ってこれを回避してきました。