Как создать поле со списком с элементами, отображаемыми по горизонтали?

Я хочу создать поле со списком (раскрывающийся список) с элементами, отображаемыми горизонтально, как сетка. Я поискал в сети, но смог найти шаблон или любой сторонний компонент, который позволяет мне создавать. Я ищу любое предложение компонента или простого фрагмента кода, которое может дать мне представление о том, как его создать. Ищу что-то подобное в этом image

0
0
51
1
Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

Ниже приведено обходное решение для вашего требования. Попробуйте, может подойдет

function reveal(){
  document.getElementById('h').className = 'open';
}
function closed(){
document.getElementById('h').className = 'close';

}
div {height: 50px; background: green; color: white;}
#h {height: 0; transition: height 1s linear; background: blue}
#h.open {height: 50px}
#h.close {height: 0px}
<div>This is the header area<br><button onclick="reveal()">Open the dropdown</button></div>
<div id="h" >I'm the hidden part of the page, Insert what ever you wanted</div>

<button onclick="closed()">Make this button as a division to hide the dropdown when click on below area </button>

Другие вопросы по теме