/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 votes100 views6 answers
Button
Html
55 votes122 views6 answers
Html template
Html
5 votes99 views1 answer
Css text select
Html
0 vote104 views2 answers
Table align
Html
0 vote107 views1 answer
Json placeholder limit
Html
0 vote102 views1 answer
What is 2 + 2
Html
0 vote108 views1 answer
Laravel apache config
Html
0 vote110 views1 answer
Html input with icon right
Html
0 vote103 views1 answer
Rainbow hr html
Html
0 vote157 views1 answer
Html ingnor display none input
Html