/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 vote134 views2 answers
Html.raw to list model
Html
0 vote291 views3 answers
Javascript get custom attribute value from element
Html
1 vote144 views1 answer
Reset form in react
Html
0 vote135 views1 answer
Font awesome animate
Html
0 vote140 views1 answer
Html injection
Html
0 vote147 views1 answer
How to increase width of textbox in html
Html
0 vote169 views1 answer
Developer html template
Html
1 vote180 views1 answer
Html build system sublime text 3
Html
1 vote193 views1 answer
Main-menu-toolbar angular
Html
25 votes153 views10 answers
Bootstrap
Html