Могу ли я показать URL-адрес при нажатии кнопки без использования CSS и получить точно такие же (визуальные) результаты? ⇐ Html

[Anonymous]

В адаптивном CSS моего веб-приложения я пытаюсь показать тег ul внутри «мобильного заголовка» только при нажатии кнопки «Подключить кошелек».
Я бы хотел, чтобы он снова отображался и скрывался при нажатии на что-нибудь еще.
Можно ли добиться этого без использования JS или Jquery?
Вот мой код:

Код: Выделить всё

@media screen and (min-width: 501px) and (max-width: 1024px) {
.grid-container,
.media-mobile-vertical {
display: none;
margin: 0;
padding: 0;
border: 0;
}
body {
background: #181923;
overflow: hidden;
}
.mobile-container {
/* border: dotted 1px yellow; */
display: grid;
height: 95vh;
padding: 2%;
}
.mobile-header {
/* border: dotted 1px red; */
display: grid;
grid-template-columns: 1fr 1fr;
align-items: center;
}
.mob-header-left {
/* border: dotted 3px green; */
justify-items: start;
}
.mob-logo {
max-width: 40%;
}
.mob-header-right {
display: grid;
/* border: dotted 3px blue; */
max-width: 100%;
justify-self: end;
/* margin-right: 10%; */
}
.mob-header-right-dropdown-outer {
position: relative;
display: block;
}
.mob-btn {
color: white;
font-size: 13px;
font-weight: 600;
min-height: 35px;
min-width: 150px;
border-radius: 0.25rem;
display: inline-block;
}
.mob-sp {
min-width: 150px;
}
.mob-btn:hover {
border-color: transparent;
background: linear-gradient(45deg, #1e92e6, #60fbd0 75%, #1c6599 150%);
background-size: 300% 100%;
background-position: 50% 0;
color: #22242f;
font-weight: 600;
}
.mob-header-right-dropdown {
/* display: none;  */
position: absolute;
right: 0;
z-index: 9;
}
.btn,
.btn-blank-sidebar,
.btn-grey {
max-height: 35px;
max-width: 15%;
align-content: center;
align-self: center;
align-items: center;
margin: 0;
border: 0;
}
.mob-nobull {
list-style-type: none;
}
}

Код: Выделить всё

[*]




Dashboard





[img]global1.png[/img]



Connect Wallet


[list]

[url=#]
Metamask
[/url]

[*]
[url=#]
Wallet Connect
[/url]

[*]
[url=#]
Binance Wallet
[/url]

[*]
[url=#]
Trust Wallet
[/url]

[/list]

Как я могу скрыть и показать только при нажатии на URL-адрес внутри «Подключить кошелек»?

Подробнее здесь: https://stackoverflow.com/questions/724 ... g-the-exac