/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

13 votes68 views1 answer
Git clone subdirectory only
Html
0 vote111 views1 answer
Laravel route regular expression constraints
Html
0 vote127 views1 answer
Creating navigation menu using html and css
Html
0 vote74 views1 answer
Html play audio programmatically
Html
0 vote122 views2 answers
Html quotation
Html
3 votes118 views3 answers
How to use strong in html
Html
1 vote118 views2 answers
Change htmlwebpackplugin.options.title
Html
60 votes126 views2 answers
Radio buttons
Html
0 vote120 views1 answer
Aligning image to middle in html
Html
-1 vote103 views7 answers
Datepicker bootstrap
Html