/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

6 votes157 views2 answers
How to edit horizontal line length html
Html
0 vote244 views1 answer
Use html how to open dwg files
Html
0 vote293 views1 answer
Html attribute dynamic value
Html
63 votes170 views6 answers
How to show an image in html
Html
0 vote229 views1 answer
Html iframe only show part of page
Html
0 vote166 views1 answer
Center table html without css
Html
13 votes171 views5 answers
Modal in bootstrap 4
Html
0 vote224 views1 answer
How to set right to left font in html
Html
0 vote174 views1 answer
Dead link html
Html
0 vote169 views1 answer
Prozent in html
Html