/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 vote191 views1 answer
Bootstrip link
Html
16 votes172 views4 answers
How to make checkbox checked in html
Html
27 votes148 views1 answer
How to include the copyright symbol in html
Html
5 votes155 views4 answers
Aria-label
Html
0 vote158 views1 answer
Form mvc async
Html
8 votes154 views1 answer
Jquery load data
Html
0 vote172 views1 answer
Calendar.js:156 Uncaught TypeError: Cannot set property 'src' of null at HTMLDivElement.<anonymous>
Html
9 votes132 views1 answer
Html5 syntax vs xml
Html
0 vote182 views1 answer
Html always show scrollbar
Html
0 vote179 views1 answer
What to use for double quotes in html
Html