JSFiddle - React, Tailwind, and code Playground

HTML

<li class="pull-right">
    <div class="text-righ padding-right">
        <div class="chart">My cart (<span class="item_cart">3</span>)</div>
        <button class="btn btn-warning">CHECKOUT</button>
        <input type="text" class="input-large light-panel active-tab-search" placeholder="Search rewards">
    </div>
    <div id="cart-info" style="display: none;">
        <div id="each-2" class="shopp" style="display: none;">
            <div class="label">Gift voucher</div>
            <div class="shopp-price">$<span class="itempr">20</span>
            </div><span>Quantity: </span><span class="shopp-quantity">2</span>
            <img src="../img/erop/remove.png" class="remove">
            <br class="all">
        </div>
        <div id="each-3" class="shopp" style="display: none;">
            <div class="label">Gift voucher</div>
            <div class="shopp-price">$<span class="itempr">10</span>
            </div><span>Quantity: </span><span class="shopp-quantity">1</span>
            <img src="../img/erop/remove.png" class="remove">
            <br class="all">
        </div>
    </div>
</li>

JavaScript

$('.pull-right').on('click',function(){
	alert( $('#cart-info').text()); 
    $('#cart-info').slideToggle('slow');

	 
});