/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 vote462 views1 answer
Validation script for cnic pattern in html
Html
20 votes289 views5 answers
Html text decoration
Html
16 votes283 views2 answers
Html tabulation
Html
13 votes299 views1 answer
Centre text
Html
0 vote302 views1 answer
Height img html
Html
0 vote305 views1 answer
Html image goes outside div
Html
1 vote279 views1 answer
React bootstrap font color
Html
3 votes272 views2 answers
Html meta tags for seo
Html
14 votes298 views1 answer
Whitespace in html
Html
1 vote283 views1 answer
Html dot symbol
Html