/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

6 votes87 views1 answer
Input file html only images
Html
0 vote150 views1 answer
Table bootstrap dark
Html
0 vote138 views1 answer
Readme md link in code
Html
4 votes140 views1 answer
React select, option
Html
0 vote126 views1 answer
Get id value of html dropdown in jquery
Html
3 votes121 views1 answer
Reset button html
Html
11 votes142 views1 answer
Html input size
Html
0 vote134 views1 answer
Html detection vpn script
Html
0 vote191 views1 answer
Pop up animation css
Html
0 vote122 views1 answer
Lxml.html get element by id
Html