/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

1 vote221 views2 answers
Change ownership linux
Html
0 vote208 views3 answers
How can we change background in loop img in webpages
Html
35 votes199 views6 answers
How to make text bold in html
Html
0 vote183 views1 answer
How to add user icon in html
Html
0 vote193 views1 answer
How to make games
Html
0 vote210 views1 answer
Failed to load resource: the server responded with a status of 404 (not found) favicon
Html
0 vote199 views1 answer
Print view fields in unformatted.html.twig drupal
Html
1 vote162 views2 answers
No index no follow meta tag
Html
1 vote216 views1 answer
Jquery ajax add loading
Html
1 vote196 views1 answer
Ionic deactivate fab button
Html