/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

2 votes224 views1 answer
How to make text emphasized in html
Html
8 votes240 views2 answers
Base64 image in html
Html
0 vote224 views1 answer
Html select required message
Html
0 vote248 views1 answer
Html video autosize
Html
0 vote269 views3 answers
Tailwind CSS dropdown
Html
0 vote242 views1 answer
Inline heading and input
Html
1 vote223 views1 answer
Web mdc cdn
Html
1 vote271 views2 answers
Scrollbar in html div
Html
0 vote259 views1 answer
How to disable tabindex
Html
0 vote241 views1 answer
File read from outbox
Html