/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 vote172 views1 answer
How to add jquery to shopify
Html
0 vote126 views1 answer
Bootstrap height
Html
0 vote167 views2 answers
Pignose Calender
Html
23 votes189 views3 answers
Html tag email
Html
0 vote211 views1 answer
.1
Html
5 votes170 views1 answer
Javascript tutorial for beginners
Html
3 votes172 views3 answers
How to get text from select tag in javascript
Html
3 votes189 views1 answer
Full Stack web dev meanin
Html
0 vote169 views1 answer
Zk wrap listbox in horizontal scrollbar
Html
0 vote242 views1 answer
Html iframe only show part of page
Html