Guest User

Untitled

a guest
May 21st, 2018
68
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 1.91 KB | None | 0 0
  1. <div class="x-order-form-row">
  2. <div class="x-order-form-row__label">Способ оплаты:</div>
  3. <div class="x-order-form-row__field x-order-form-row__field_pos_relative"><div class="js-toggle x-drop-down" data-qaid="payment_option">
  4. <span class="x-drop-down__value"><span>Выберите способ оплаты</span></span>
  5. <span class="x-drop-down__arrow"></span>
  6. <input type="hidden" id="payment_option" name="payment_option" value="">
  7.  
  8. <ul class="x-drop-down__list js-dropdown">
  9. <li class="x-drop-down__list-item js-item">
  10. <span class="x-drop-down__icon-wrapper">
  11. <i class="x-drop-down__icon icon-common_payment"></i></span>
  12. <span class="x-drop-down__text"><img src="/wp-content/themes/Divi/images/privatbank.png" width="25px" alt="альтернативный текст">Безналичный расчет</span></li>
  13. <li class="x-drop-down__list-item js-item"><span class="x-drop-down__icon-wrapper"><i class="x-drop-down__icon icon-common_payment"></i></span>
  14. <span class="x-drop-down__text"><img src="/wp-content/themes/Divi/images/Без названия.png" width="25px" alt="альтернативный текст">Наложенный платеж</span></li></ul></div></div></div>
  15. <script src="http://yastatic.net/jquery/2.1.3/jquery.min.js"></script>
  16. <script src="wp-content/themes/Divi/js/jquery-3.3.1.min.js"></script>
  17. <script>
  18. $(".x-order-form-row__field").click(function() {
  19. $(".x-drop-down__list").toggleClass("x-drop-down__list_active");
  20. });
  21. $(document).mouseup(function(e) {
  22. var $target = $(e.target);
  23. if ($target.closest(".x-order-form-row__field").length == 0) {
  24. $(".x-drop-down__list").removeClass("x-drop-down__list_active");
  25. }
  26. });
  27. </script>
Add Comment
Please, Sign In to add comment