/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 vote154 views1 answer
Git print commit tree html
Html
0 vote167 views2 answers
Convert gene id to gene symbol in R
Html
0 vote146 views3 answers
Copy the text html
Html
0 vote143 views1 answer
Html 2d table
Html
0 vote153 views1 answer
Poder utilizar valet
Html
7 votes144 views4 answers
Html example
Html
0 vote153 views1 answer
Balise select
Html
2 votes133 views1 answer
Vue router link dynamic id
Html
-1 vote93 views1 answer
Country list html
Html
0 vote211 views1 answer
Typo3 link
Html