/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 vote385 views1 answer
Change the height of select option
Html
2 votes194 views1 answer
Reload tab using meta
Html
0 vote216 views1 answer
Slack type html message
Html
2 votes214 views4 answers
Tailwind CSS buttons
Html
0 vote218 views2 answers
How to add see button in password input in html
Html
50 votes209 views3 answers
Html label tag
Html
1 vote204 views1 answer
Html to powerpoint
Html
0 vote226 views1 answer
Twig abs
Html
11 votes235 views1 answer
Html input size
Html
0 vote208 views1 answer
Font awesome show password icon
Html