/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 vote140 views1 answer
Mat-tab-group change
Html
0 vote169 views1 answer
Html para pdf
Html
0 vote146 views1 answer
Link phone in safari
Html
-1 vote146 views1 answer
Bootsrap link
Html
8 votes137 views1 answer
HTML HOME
Html
0 vote136 views1 answer
Form hide in html
Html
0 vote156 views1 answer
Bootstrap tabs multiple
Html
0 vote148 views1 answer
Inject html text bold into page view.py
Html
-1 vote235 views2 answers
Index.html?profile=Responsive:30 Uncaught ReferenceError: $ is not defined
Html
8 votes141 views2 answers
Html images with link
Html