/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 vote184 views1 answer
Input type for website in html
Html
2 votes207 views1 answer
Starter data jpa maven dependency
Html
267 votes304 views5 answers
Font-awesome - cdnjs.com - The best FOSS CDN for web
Html
3 votes200 views5 answers
Bootstrap form
Html
1 vote282 views1 answer
Coreui text align center
Html
1 vote197 views2 answers
Phone number validation html
Html
0 vote199 views1 answer
Validate text is html format C#
Html
-1 vote191 views1 answer
Structure of an html document
Html
1 vote196 views1 answer
How to make a button as submit button
Html
1 vote245 views10 answers
Java
Html