/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

0 vote211 views1 answer
Card button align bottom bootstrap
Html
0 vote125 views1 answer
Html code for star symbol
Html
7 votes115 views3 answers
Bs5 cdn
Html
0 vote122 views1 answer
Concat dataframes r vertically
Html
68 votes112 views3 answers
Forms in html
Html
0 vote106 views1 answer
Gre
Html
4 votes105 views3 answers
Laravel route Accessing The Current Route
Html
2 votes111 views1 answer
Html change viewport to smartphone size
Html
0 vote111 views1 answer
How to make a html captcha
Html
0 vote141 views1 answer
Html MCSTUPID
Html