/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 vote255 views1 answer
Html div specific size
Html
1 vote280 views1 answer
Description list html
Html
9 votes330 views6 answers
Table in bootstrap 4
Html
4 votes261 views2 answers
ERROR Error: If ngModel is used within a form tag, either the name attribute must be set or the form control must be defined as 'standalone' in ngModelOptions.
Html
0 vote304 views1 answer
Disable right click on your webpage
Html
2 votes262 views1 answer
Git pull one file
Html
49 votes282 views4 answers
Disable autocomplete on input
Html
0 vote282 views2 answers
Font awesome css content not showing
Html
46 votes283 views6 answers
Email link html
Html
0 vote262 views1 answer
How to put a name to anchor in html
Html