/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

22 votes170 views1 answer
Create a mailto link html
Html
2 votes160 views1 answer
Greta thunberg
Html
42 votes186 views5 answers
Textarea resize off
Html
8 votes166 views1 answer
How do i set a pdf to be download link in html
Html
1 vote203 views1 answer
Javascript void link
Html
0 vote140 views2 answers
How to get img src from xml
Html
0 vote170 views1 answer
Html textarea background text
Html
0 vote165 views1 answer
How to get the 4th child of an html element
Html
3 votes163 views1 answer
Form tag radio
Html
3 votes175 views2 answers
Cache control html
Html