JAVASCRIPT   24
jQuery document ready
Guest on 2nd February 2023 04:39:14 AM


  1. jQuery(document).ready(function($){
  2.                                                     if($("#sign-up-role").val() == "seller"){
  3.                                                         $(".buyer-seller-text").text("sellers");
  4.                                                         $(".buyer-seller-arrow").css({"top": "40%", "border-width": "0px 6px 7px 6px", "border-color": "transparent transparent #45BA80"});
  5.                                                         $(".buyer-field").hide();
  6.                                                         $(".seller-field").show();
  7.                                                         $(".buyer-field select").prop('required', false);
  8.                                                         $(".buyer-field input").prop('required', false);
  9.                                                         $(".seller-field textarea").prop('required', true);
  10.                                                     }
  11.                                                     $(".buyer-seller-switcher").click(function(){
  12.                                                         var now_role = $(this).attr("data-value");
  13.                                                         if(now_role=="buyer"){
  14.                                                             $(this).attr("data-value", "seller");
  15.                                                             $("#sign-up-role").val("seller");
  16.                                                             $(".buyer-seller-text").text("sellers");
  17.                                                             $(".buyer-seller-arrow").css({"top": "40%", "border-width": "0px 6px 7px 6px", "border-color": "transparent transparent #45BA80"});
  18.                                                             $(".buyer-field").hide();
  19.                                                             $(".seller-field").show();
  20.                                                             $(".buyer-field select").prop('required', false);
  21.                                                             $(".buyer-field input").prop('required', false);
  22.                                                             $(".seller-field textarea").prop('required', true);
  23.                                                         }
  24.                                                         else{
  25.                                                             $(this).attr("data-value", "buyer");
  26.                                                             $("#sign-up-role").val("buyer");
  27.                                                             $(".buyer-seller-text").text("buyers");
  28.                                                             $(".buyer-seller-arrow").css({"top": "45%", "border-width": "7px 6px 0px 6px", "border-color": "#45BA80 transparent transparent"});
  29.                                                             $(".buyer-field").show();
  30.                                                             $(".seller-field").hide();
  31.                                                             $(".buyer-field select").prop('required', true);
  32.                                                             $(".buyer-field input").prop('required', true);
  33.                                                             $(".seller-field textarea").prop('required', false);
  34.                                                         }
  35.                                                     });
  36.                                                 });

Raw Paste

Login or Register to edit or fork this paste. It's free.