/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

2 votes176 views1 answer
How to install font-aweseome usin npm
Html
4 votes137 views1 answer
Prevent back button after logout
Html
19 votes241 views4 answers
Anchor html
Html
7 votes204 views2 answers
Bootsrap card
Html
0 vote250 views1 answer
Slick slider slidestoshow auto
Html
1 vote191 views1 answer
Intput field submit button
Html
-1 vote184 views1 answer
Jquery html button
Html
1 vote190 views2 answers
How to make a youtube video on a website
Html
0 vote267 views1 answer
How to add href of messaGing IN ANCHOR TAG
Html
2 votes185 views2 answers
Javascript onclick get event
Html