JSFiddle - React, Tailwind, and code Playground

by Jorge Bustos Pereda

HTML

<div class="well well-sm">                  
    <div id="divArea" class="img-responsive" >
        <a href="#" id="toggle"><h3>View Areas Covered -</h3></a>
        <div id ="areasCovered" class="img-responsive">
            <p  class="paragraph1"> //list of cities </p>
        </div>
    </div>
</div>

JavaScript

$('#toggle').click(function() {
    $('#areasCovered').stop(true,true);
    var visible = $('#areasCovered').is(':visible')
    $('#areasCovered').fadeToggle(1000);
    var $title= $('#divArea').find('h3');
    $title.text(visible
                ? 'View Areas Covered +'
                : 'View Areas Covered -');
});