JSFiddle - React, Tailwind, and code Playground

by Fransiskus Fallo

CSS

<div style="position: fixed; top: 0px; left: 0px;"><div id="accordian">

<ul>

<li>

   <h3>01</h3>

<ul>

<li><a href="http://www.gramediaonline.com/" target="_blank">✍ Gramedia Shop</a></li>

<li><a href="http://www.bukukita.com/" target="_blank">✍ Buku Kita Shop</a></li>

<li><a href="http://www.bukabuku.com/" target="_blank">✍ Buka Buku Shop</a></li>

<li><a href="http://www.anelinda-store.com/" target="_blank">✍ Anelinda Shop</a></li>

<li><a href="http://www.kutukutubuku.com/" target="_blank">✍ Kutu Buku Shop</a></li>

<li><a href="http://www.belbuk.com/" target="_blank">✍ Belbuk Shop</a></li>

<li><a href="http://www.inibuku.com/" target="_blank">✍ Ini Buku Shop</a></li>

<li><a href="http://www.palasarionline.com/" target="_blank">✍ Palasari Book</a></li>

<li><a href="http://istanabuku.com/index.php" target="_blank">✍ Istana Buku</a></li>

</ul>

</li>

<li>

   <h3>02</h3>

<ul>

<li><a href="#">✍ Bank Soal SD</a></li>

<li><a href="#">✍ Bank Soal SMP</a></li>

<li><a href="#">✍ Bank Soal SMA</a></li>

<li><a href="#">✍ Bank Soal Umum</a></li>

</ul>

</li>

<li>

   <h3>03</h3>

<ul>

<li><a href="http://www.rankwidget.com/check_alexa_traffic_rank/" target="_blank">✍ Alexa Rank</a></li>

<li><a href="http://www.rankwidget.com/check_google_pagerank/" target="_blank">✍ Google Rank</a></li>

<li><a href="http://www.rankwidget.com/check_yahoo_search_links/" target="_blank">✍ Yahoo Rank</a></li>

<li><a href="http://www.rankwidget.com/check_technorati_blog_rank/" target="_blank">✍ Technorati rank</a></li>

</ul>

</li>

<li>

   <h3>04</h3>

<ul>

<li><a href="http://kamusbahasaindonesia.org/" target="_blank">✍ Indonesia</a></li>

<li><a href="#">✍ Inggris</a></li>

<li><a href="http://www.kamus-online.com/?lang=id" target="_blank">✍ Belanda-Indo</a></li>

<li><a href="#">✍ Mandarin</a></li>

</ul>

</li>

<li>

   <h3>05</h3>

<ul>

<li><a href="http://sergur.kemdiknas.go.id/" target="_blank">✍ Info Sertifikasi</a></li>

<li><a...