Как можно сделать такой вот способ оплаты?

$('.x-order-form-row__field').click(function() { 
  $('.x-drop-down__list').show().addClass('x-drop-down__list_active'); 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
<script src="http://yastatic.net/jquery/2.1.3/jquery.min.js"></script> 
<script src="wp-content/themes/Divi/js/jquery-3.3.1.min.js"></script> 
<div class="x-order-form-row"> 
  <div class="x-order-form-row__label">Способ оплаты:</div> 
  <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"> 
      <span class="x-drop-down__value"><span>Выберите способ оплаты</span></span> 
      <span class="x-drop-down__arrow"></span> 
      <input type="hidden" id="payment_option" name="payment_option" value=""> 
 
      <ul class="x-drop-down__list  js-dropdown"> 
        <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> 
          <span class="x-drop-down__text"><img src="/wp-content/themes/Divi/images/privatbank.png" width="25px" alt="альтернативный текст">Безналичный расчет</span></li> 
        <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> 
          <span class="x-drop-down__text"><img src="/wp-content/themes/Divi/images/Без названия.png" width="25px" alt="альтернативный текст">Наложенный платеж</span></li> 
      </ul> 
    </div> 
  </div> 
</div>