/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

-1 vote317 views1 answer
Html css how to position elements on right of div
Html
0 vote350 views1 answer
Css force string to wrap
Html
0 vote299 views2 answers
<input type="password" placeholder="enter password" name="psw" required>
Html
0 vote307 views1 answer
XSLT group following siblings that follow a tag with generated ID
Html
0 vote334 views1 answer
Docx to html converter
Html
1 vote318 views1 answer
Action_page.php
Html
5 votes304 views2 answers
Html u tag
Html
51 votes355 views4 answers
Autocomplete html off
Html
75 votes330 views5 answers
Copyright symbol in html
Html
0 vote357 views1 answer
Abbr in html
Html