/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 vote187 views1 answer
Difference between core attribute and generic attributes in html
Html
0 vote193 views1 answer
Se
Html
38 votes198 views5 answers
Html bold text
Html
1 vote191 views1 answer
Html entity at sign
Html
2 votes234 views6 answers
Tailwind css button
Html
0 vote219 views1 answer
Default wp_new_user_notification_email
Html
1 vote185 views1 answer
Html lowercase
Html
0 vote179 views1 answer
Reset button javascript onclick
Html
9 votes188 views2 answers
How to make a div stick to bottom of page bootstrap
Html
3 votes201 views1 answer
Mysql connector maven dependency
Html