/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

3 votes259 views3 answers
How to start in html
Html
53 votes253 views5 answers
Bootstrap display none
Html
14 votes260 views4 answers
Html a link to section on page
Html
0 vote251 views1 answer
Abbr
Html
0 vote266 views1 answer
Drupal twig get value of entity reference field
Html
57 votes250 views6 answers
How to remove underline from link
Html
8 votes246 views1 answer
Html input date min
Html
0 vote252 views1 answer
Create an html page in visual studio
Html
2 votes253 views1 answer
How to switch between html pages
Html
3 votes258 views2 answers
Html form onsubmit
Html