/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 vote129 views1 answer
How many mammals live in water a few,many,much
Html
1 vote130 views1 answer
How to make modal non cloassable
Html
1 vote119 views1 answer
Meta colors html
Html
1 vote146 views2 answers
Html select default value disabled
Html
51 votes120 views6 answers
Img tag html
Html
1 vote153 views1 answer
Holy grail with flexbox
Html
0 vote73 views1 answer
Align text vertically next to image
Html
0 vote124 views1 answer
Fix form refresh sites html
Html
0 vote145 views1 answer
Icon not shwing in goole search
Html
-1 vote130 views1 answer
Negritas html
Html