EE 29081835

by ChrisStanyon

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<div class="container-fluid">
    <div class="panel-group">

        <div class="panel panel-default">
            <div class="panel-heading">
                <span class="glyphicon glyphicon-plus"></span>
                <label>Key Highlights from Budget 2018</label>
            </div>
            <div class="panel-body collapse">Finance Minister Arun Jaitley's delivered his fifth and last full Budget amid subdued economic growth, challenging fiscal situation and farm distress. What makes it all the more important is the upcoming elections in eight states this year and the Lok Sabha election next year, all of which put tough demands on him. How has Jaitley managed to balance populist demands, the need to support economic growth and Prime Minister Narendra Modi's focus on fiscal discipline and reforms? Read the highlights</div>
        </div>

        <div class="panel panel-default">
            <div class="panel-heading">
                <span class="glyphicon glyphicon-plus"></span>
                <label>Fiscal Situation</label>
            </div>
            <div class="panel-body collapse">
                <div> Fiscal deficit is 3.5% of GDP at Rs 5.95 lakh crore in 2017-18. Projecting fiscal deficit to be 3.3% of GDP in the next fiscal </div>
                <div>* Rs 21.57 lakh crores transferred as net GST to states as against projection of Rs 21.47 lakh crores.</div> 
            </div>
        </div>

        <div class="panel panel-default">
            <div class="panel-heading">
                <span class="glyphicon glyphicon-plus"></span>
                <label>Income Tax</label>
            </div>
            <div class="panel-body collapse">
                NoChange in...

JavaScript

$(".glyphicon").click(function(e){
    if ($(this).hasClass('glyphicon-plus')) {
        $('.glyphicon-minus').toggleClass("glyphicon-plus glyphicon-minus").closest('.panel-heading').next('.panel-body').toggle();
    }

    $(this).toggleClass("glyphicon-plus glyphicon-minus");
    $(this).closest('.panel-heading').next('.panel-body').toggle();
});