Как показать подсписок по щелчку вертикального меню боковой панели, используя CSS и HTML?

Как показать подсписок по клику вертикального меню боковой панели, используя CSS и HTML?

У меня есть боковая панель, в которой есть HREF и по щелчку конкретного HREF, я хочу показать список данных.

Я использовал css с html, чтобы получить желаемые результаты, но когда я нажимаю на href, я хочу добавить кнопки только к этому href, но он добавляет кнопки в нижней части боковой панели.

 {amp}lt;script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"{amp}gt; {amp}lt;/script{amp}gt; {amp}lt;div class="sidenav"{amp}gt; {amp}lt;a href="#" onclick="javascript:myFunc()"{amp}gt;col1{amp}lt;/a{amp}gt; {amp}lt;a href="#"{amp}gt;col2{amp}lt;/a{amp}gt; {amp}lt;script{amp}gt; function myFunc() { var $container = $("#container"); var $sidebar = $("#sidebar"); var button = $('{amp}lt;button /{amp}gt;'); var item= 'abc'; button.text(item); $sidebar.append(button); var data='cde'; var button = $('{amp}lt;button /{amp}gt;'); button.text(data); $sidebar.append(button); }{amp}lt;/script{amp}gt; {amp}lt;/div{amp}gt; {amp}lt;div id="container"{amp}gt; {amp}lt;div id="sidebar"{amp}gt; {amp}lt;/div{amp}gt; {amp}lt;/div{amp}gt; 

вот ссылка на то, что я пробовал — https://jsfiddle.net/gaurav10022/exrLaz14/1/ Я хочу, чтобы кнопки добавлялись после col1, а не col2, а также, когда я снова нажимаю на col1, он переключается.

Понравилась статья? Поделиться с друзьями:
JavaScript & TypeScript
Adblock
detector