/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 vote184 views1 answer
Html Contenteditable attribute
Html
0 vote229 views1 answer
What is staging environment
Html
11 votes169 views2 answers
Top middle bottom html
Html
0 vote167 views2 answers
Mobile app
Html
0 vote192 views1 answer
Markdown: text alignment and size
Html
0 vote164 views1 answer
Thymeleaf optional fragment parameter
Html
1 vote178 views2 answers
HTTP requests methods
Html
2 votes169 views2 answers
Collapse bootsrap
Html
1 vote139 views1 answer
Cut text in html
Html
0 vote164 views1 answer
Html ecrire en gras
Html