Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <style>
- .container{
- position: absolute;
- left: 50%;
- top: 50%;
- transform: translate(-50%, -50%);
- }
- a{
- transform: translate(-50%, -50%);
- border: 1px solid red;
- padding: 20px;
- }
- .toggle-example{
- background-color: red;
- }
- </style>
- <div class="container">
- <a data-consult-id="1">
- 123
- </a>
- <a data-consult-id="2">
- 456
- </a>
- </div>
- <script
- src="https://code.jquery.com/jquery-3.3.1.min.js"
- integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8="
- crossorigin="anonymous"></script>
- <script>
- let referenciaArmazenada = null;
- $(document).on('click', 'a[data-consult-id]', function () {
- $(this).toggleClass('toggle-example');
- if(referenciaArmazenada){
- $(referenciaArmazenada).toggleClass('toggle-example');
- }
- referenciaArmazenada = this;
- });
- </script>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement