Advertisement
Guest User

Untitled

a guest
Dec 1st, 2018
134
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1.  
  2. <style>
  3.   .container{
  4.     position: absolute;
  5.     left: 50%;
  6.     top: 50%;
  7.     transform: translate(-50%, -50%);
  8.   }
  9.   a{
  10.     transform: translate(-50%, -50%);
  11.     border: 1px solid red;
  12.     padding: 20px;
  13.   }
  14.  
  15.   .toggle-example{
  16.     background-color: red;
  17.   }
  18.  
  19. </style>
  20. <div class="container">
  21.   <a data-consult-id="1">
  22.     123
  23.   </a>
  24.   <a data-consult-id="2">
  25.     456
  26.   </a>
  27. </div>
  28. <script
  29.   src="https://code.jquery.com/jquery-3.3.1.min.js"
  30.   integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8="
  31.   crossorigin="anonymous"></script>
  32. <script>
  33.   let referenciaArmazenada = null;
  34. $(document).on('click', 'a[data-consult-id]', function () {
  35.  
  36.   $(this).toggleClass('toggle-example');
  37.  
  38.   if(referenciaArmazenada){
  39.     $(referenciaArmazenada).toggleClass('toggle-example');
  40.   }
  41.   referenciaArmazenada = this;
  42. });
  43. </script>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement