/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 vote189 views1 answer
Warning: invalid dom property `for`. did you mean `htmlfor`?
Html
1 vote196 views1 answer
Disable spell check html
Html
3 votes240 views5 answers
Angular model change
Html
92 votes224 views6 answers
Bootstrap colors
Html
0 vote224 views1 answer
How to get data from html page using javascript
Html
0 vote246 views1 answer
Show html string in p tag
Html
-1 vote207 views2 answers
How to put icons in select
Html
0 vote228 views1 answer
Click on a button and start downloading data html
Html
0 vote236 views1 answer
Multilevel list html
Html
2 votes218 views1 answer
How to include a dash in html
Html