/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

9 votes193 views2 answers
How to send html file with express
Html
1 vote186 views1 answer
Html hide a div by default
Html
0 vote155 views1 answer
Place.address_components[i].types[0];
Html
1 vote186 views2 answers
Change button text css
Html
-2 votes195 views3 answers
Angular navbar expand not working
Html
0 vote193 views1 answer
Button with icon android
Html
79 votes173 views4 answers
How to connect a js file in html
Html
1 vote211 views1 answer
How to make a telephone button in html
Html
0 vote191 views1 answer
Input number html without e
Html
2 votes194 views2 answers
How to put the input box and the label on top of input
Html