/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 vote170 views1 answer
Attribute select option html
Html
0 vote162 views2 answers
MathJax
Html
23 votes151 views1 answer
Accept only image files upload html
Html
0 vote153 views1 answer
Html path svg stop
Html
6 votes156 views1 answer
Make div clickable
Html
-1 vote152 views1 answer
Html image in table
Html
0 vote163 views1 answer
Show and hide div tag based on checkbox selection using javaScript
Html
10 votes144 views3 answers
Jqury get selected option
Html
0 vote164 views1 answer
Textarea ckeditor
Html
0 vote138 views1 answer
How to add lines between div rows html
Html