/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

0 vote130 views1 answer
How to make a vertical line on html
Html
-1 vote129 views1 answer
Html how to make a link traget a new window
Html
34 votes121 views4 answers
Bootstrap substractive border right
Html
0 vote119 views1 answer
Simbolo checkbox en tabla en html
Html
0 vote115 views1 answer
Textarea self expandable height
Html
0 vote148 views1 answer
Free video url for testing
Html
63 votes148 views1 answer
How to open link in a new tab
Html
6 votes117 views1 answer
Html aside
Html
0 vote115 views1 answer
.1
Html
3 votes142 views2 answers
How to install sweetalert2 with CDN?
Html