/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

35 votes326 views6 answers
Adding a favicon in html
Html
1 vote330 views2 answers
Put space between text html
Html
0 vote358 views2 answers
Make element be positioned behind its parent, but in front of its grandparent
Html
1 vote343 views1 answer
How to enable a button when a checkbox is selected in javascript
Html
5 votes359 views1 answer
Input field with dropdown selection
Html
6 votes329 views3 answers
How to center vertically in bootstrap col
Html
101 votes326 views6 answers
Html insert image
Html
1 vote299 views1 answer
Ml5.js
Html
0 vote343 views1 answer
Wire:click with value
Html
0 vote310 views1 answer
3 tab and form connected bootstrap
Html