JSFiddle - React, Tailwind, and code Playground

by mridulpv

HTML

<link rel="stylesheet" href="http://getbootstrap.com/dist/css/bootstrap.css">
<script src="http://getbootstrap.com/dist/js/bootstrap.min.js"></script>
  <div class="panel-group" id="category">
          <div class="panel panel-default">
            <div class="panel-heading" id="panel-category">
              <h4 class="panel-title">
                <a class="accordion-toggle nounderlinewhite" data-toggle="collapse" data-parent="#category" href="#category-new">
                   Categories<i class="glyphicon glyphicon-chevron-down pull-right" style="padding-right:5%;"></i>
                </a>
              </h4> 
            </div>
            <div id="category-new" class="panel-collapse collapse in">
             <div class="panel-body" style="margin-left:15px;">
                   
                     <div id="subcategory">
                       <div id="realsestate">
                        <a class="accordion-toggle" id="nounderline" data-toggle="collapse" data-parent="#allcategory" href="#realsestatelist">
                          &emsp;&emsp;Realestate
                        </a>
                        <div id="realsestatelist" class="panel-collapse collapse">
                          <a id="nounderline">
                            <p>&emsp;&emsp;&emsp;&emsp;l1</p>
                            <p>&emsp;&emsp;&emsp;&emsp;l2</p>
                            <p>&emsp;&emsp;&emsp;&emsp;l3</p>
                            <p>&emsp;&emsp;&emsp;&emsp;l4</p>
                            <p>&emsp;&emsp;&emsp;&emsp;l5</p>
                            <p>&emsp;&emsp;&emsp;&emsp;l6</p>
                          </a>
                        </div>
                       </div>         
                        
                 </div>
               </div><!--panel body-->      
              </div>
            </div>
          </div>

CSS

#nounderline{
    text-decoration:none;
}