/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

0 vote208 views1 answer
How to link a media player in html
Html
0 vote238 views1 answer
Col md flex column
Html
0 vote205 views1 answer
Add favorite icon to website html
Html
0 vote241 views1 answer
Como añadir bootstrap a html
Html
1 vote242 views1 answer
Ng-src
Html
0 vote215 views1 answer
¿Cómo permitir únicamente valores positivos en un <input>?
Html
1 vote225 views1 answer
Am pm time html javascript
Html
2 votes209 views1 answer
Css title and label aligned alongside image
Html
0 vote230 views2 answers
Iframe to fit screen in flutter
Html
17 votes194 views2 answers
Dropdown in html
Html