/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

109 votes351 views10 answers
Thank you coronavirus helpers
Html
0 vote374 views1 answer
Select html gray safari
Html
0 vote337 views1 answer
Reset button javascript onclick
Html
1 vote353 views3 answers
Html button click url
Html
2 votes321 views1 answer
Number dropdown html
Html
0 vote325 views1 answer
Innerhtml doesn't work
Html
0 vote384 views1 answer
Comment a div in html
Html
0 vote283 views1 answer
Place.address_components[i].types[0];
Html
-1 vote377 views4 answers
Bootsrap button popup text on hover
Html
0 vote337 views1 answer
Css make div inline
Html