/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

1 vote136 views2 answers
Html tab character tag
Html
1 vote147 views1 answer
How to display online image in html
Html
1 vote126 views1 answer
Jsf axonivy composite
Html
0 vote176 views1 answer
Use pascalcase for react components, or lowercase for html elements.
Html
-1 vote143 views1 answer
Html entity close
Html
33 votes137 views2 answers
How to use the label tag in html
Html
0 vote135 views1 answer
Can i use html in android studio
Html
1 vote134 views1 answer
MIME type ('text/html') is not executable
Html
18 votes148 views3 answers
How to create white space in html
Html
1 vote132 views1 answer
Accept vedio pdf files upload html
Html