JSFiddle - React, Tailwind, and code Playground

by Andrew Yendrizhievskiy

HTML

<div class="courses_list">
					<div class="main_list">
            <a href="#main_list">off_courses</a>
            <ul class="office">
              <li>start</li>
              <li>second</li>
            </ul>
          </div>
				</div>

CSS

.office{
  height:0;
  margin:0;
  overflow:hidden;
}
.office:target{
  height:20px;
}