Проблемы с открытием и закрытием кнопок / аккордеонов при наведении - PullRequest
Новая
       30

Проблемы с открытием и закрытием кнопок / аккордеонов при наведении

0 голосов
/ 10 октября 2019

Я думаю, что я обдумал это и был бы очень признателен за помощь. В настоящее время у меня есть немного HTML / CSS с аккордеоном, который открывается по клику, но хотел бы, чтобы он открывался при наведении. Есть ли идентификатор или класс, который я могу добавить, чтобы заставить его работать? Спасибо! 

<style>
.accordion {
  background-color: #b72621;
  color: #FFFFFF;
cursor: pointer;
padding: 18px;
width: 100%;
border: none;
text-align: left;
outline: none;
font-size: 26px;
transition: 0.4s;
}

.active, .accordion:hover {
background-color: #ccc;
}

.accordion:after {
 content: '\002B';
 color: #777;
 font-weight: bold;
 float: right;
  margin-left: 5px;
  }

 .active:after {
  content: "\2212";
  }

 .panel:hover {
 padding: 0 18px;
 background-color: white;
 max-height: 0;
 overflow: hidden;
 transition: max-height 0.2s ease-out;
  }
 </style>



 <button class="accordion">Join</button>
   <div class="panel">
...