/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

88 votes134 views6 answers
Change text color in bootstrap
Html
5 votes150 views1 answer
Html use js variable as text
Html
3 votes133 views2 answers
Bootstrap diable backround on modal
Html
0 vote137 views1 answer
How to set a fav icon
Html
1 vote186 views1 answer
Vue does v-html inject html
Html
2 votes143 views1 answer
Greta thunberg
Html
6 votes153 views4 answers
Sweetalert2 cdn
Html
-1 vote139 views1 answer
Html entity close
Html
9 votes134 views3 answers
Send html file express
Html
4 votes135 views10 answers
1+1
Html