Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <div class="panel panel-danger">
- <div id="send" class="panel-body">
- <hr>
- <div id="price" class="col-xs-12">
- Cena od <span>8,19</span> zł (z VAT)
- </div>
- <div class="clearfix"></div>
- <hr>
- <div class="col-xs-12">
- <div class="btn-group toggles" data-toggle="buttons">
- <label class="btn btn-default active" data-price="8,19">
- <input type="radio" name="options" id="1" checked> <i class="fa fa-cube"></i> Paczka
- </label>
- <label class="btn btn-default" data-price="12,29">
- <input type="radio" name="options" id="2"> <i class="fa fa-envelope"></i> Koperta
- </label>
- <label class="btn btn-default" data-price="59,41">
- <input type="radio" name="options" id="3"> <i class="fa fa-truck"></i> Paleta
- </label>
- </div>
- </div>
- <div class="clearfix"></div>
- <hr>
- </div>
- <script>
- $('#send .toggles label').on('click',function() {
- var priceBox = $('#send #price span');
- var getPrice = parseFloat($(priceBox).text().replace(",", "."));
- var getOption = parseFloat($(this).data('price').replace(",", "."));
- var priceDiff = (getOption - getPrice);
- $(priceBox).animate({opacity:.05},400);
- $(priceBox).after('<strong>' +priceDiff+ ' zł</strong>');
- if(priceDiff > 0) {
- $('#send #price strong').animate({top:'-50px',opacity:0},1500);
- } else {
- $('#send #price strong').animate({top:'70px',opacity:0},1500);
- }
- setTimeout(function(){
- $(priceBox).text(getOption).animate({opacity:1},600);
- },400);
- });
- </script>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement