Advertisement
Remote

Untitled

Aug 30th, 2014
257
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 1.63 KB | None | 0 0
  1. <div class="panel panel-danger">
  2. <div id="send" class="panel-body">
  3. <hr>
  4. <div id="price" class="col-xs-12">
  5. Cena od <span>8,19</span> zł (z VAT)
  6. </div>
  7. <div class="clearfix"></div>
  8. <hr>
  9. <div class="col-xs-12">
  10. <div class="btn-group toggles" data-toggle="buttons">
  11. <label class="btn btn-default active" data-price="8,19">
  12. <input type="radio" name="options" id="1" checked> <i class="fa fa-cube"></i> Paczka
  13. </label>
  14. <label class="btn btn-default" data-price="12,29">
  15. <input type="radio" name="options" id="2"> <i class="fa fa-envelope"></i> Koperta
  16. </label>
  17. <label class="btn btn-default" data-price="59,41">
  18. <input type="radio" name="options" id="3"> <i class="fa fa-truck"></i> Paleta
  19. </label>
  20. </div>
  21. </div>
  22. <div class="clearfix"></div>
  23. <hr>
  24. </div>
  25. <script>
  26. $('#send .toggles label').on('click',function() {
  27. var priceBox = $('#send #price span');
  28. var getPrice = parseFloat($(priceBox).text().replace(",", "."));
  29. var getOption = parseFloat($(this).data('price').replace(",", "."));
  30.  
  31. var priceDiff = (getOption - getPrice);
  32.  
  33. $(priceBox).animate({opacity:.05},400);
  34. $(priceBox).after('<strong>' +priceDiff+ ' zł</strong>');
  35. if(priceDiff > 0) {
  36. $('#send #price strong').animate({top:'-50px',opacity:0},1500);
  37. } else {
  38. $('#send #price strong').animate({top:'70px',opacity:0},1500);
  39. }
  40.  
  41. setTimeout(function(){
  42. $(priceBox).text(getOption).animate({opacity:1},600);
  43. },400);
  44. });
  45. </script>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement