/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 vote154 views1 answer
Difernce between innertextand neer html
Html
0 vote152 views2 answers
Mailchimp form action
Html
2 votes213 views2 answers
How to enable button after checked
Html
47 votes160 views5 answers
Autocomplete off input
Html
0 vote103 views2 answers
Leviathan cat bookmarks.html | grep passwd | cut -d “ “ -f9–14
Html
0 vote140 views1 answer
Bootstrap datepicker format dd-mm-yyyy
Html
0 vote152 views1 answer
HOW TO PERFORM AN ACTION AN OPTION IS CLICKED IN DROP DOWN
Html
0 vote148 views1 answer
How to prevent Netlify from treating warnings as errors because process.env.CI = true?
Html
1 vote144 views1 answer
Toggle font awesome icon
Html
3 votes147 views3 answers
Vue datatable date format
Html