/Html/Replace svg with another using javascript

Replace svg with another using javascript

<a href="#0" class="expand-link">
  <svg class="icon icon-expand" viewBox="0 0 32 32"><use xlink:href="#icon-expand"></use></svg>
  <svg class="icon icon-contract" viewBox="0 0 32 32"><use xlink:href="#icon-contract"></use></svg>
</a>

<style>
.expand-link:hover .icon-expand,
.expand-link:active .icon-expand{
  display: none;
}
.expand-link:hover .icon-contract,
.expand-link:active .icon-contract{
  display: block;
}
</style>

Source: css-tricks.com

Similar codes

1 vote100 views3 answers
Twig format number
Html
0 vote108 views1 answer
Object is possibly 'null' in $event.target.value in angular 12
Html
6 votes105 views4 answers
Sweetalert2 cdn
Html
1 vote125 views1 answer
Javascript window.print
Html
12 votes106 views4 answers
Html text not editable
Html
8 votes152 views2 answers
Numbered list bootstrap
Html
0 vote100 views1 answer
Full Form Of RAR
Html
0 vote107 views1 answer
Basic html webpage
Html
0 vote100 views1 answer
Html download video link
Html
9 votes106 views3 answers
Relative path
Html