2 button show hide with opacity fade
Here is what I'm trying to achieve:
On load:
div.content is hidden
input.hide is hidden
On press of input.show:
div.content appears
input.hide appears
input.show fades to 30% opacity
On press of input.hide:
div.content hides
input.hide hides
input.show turns to full 100% opacity.
-
<input type="image" class="show" src="/image/show.png"/>
<input type="image" class="hide" src="/image/hide.png"/>
<div class="content">Content Here</div>
Any help would be much appreciated