/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 vote251 views1 answer
HOW TO PERFORM AN ACTION AN OPTION IS CLICKED IN DROP DOWN
Html
22 votes252 views6 answers
Target blank
Html
1 vote268 views1 answer
Href do nothing
Html
57 votes264 views6 answers
Play sound in javascript
Html
33 votes225 views5 answers
Underline text html
Html
0 vote254 views1 answer
Making a legend in html
Html
1 vote281 views2 answers
Get checkbox value in div TAG
Html
1 vote268 views1 answer
Accept vedio pdf files upload html
Html
0 vote263 views1 answer
Js coding practices airbnb
Html
0 vote245 views1 answer
Bootstrap Navbar Tutorial style custom JS and CSS
Html