JSFiddle - React, Tailwind, and code Playground

by GaryC123

HTML

<img id="fixed-image" src="http://devinfolive.info/undp_rbap/images/go-to-top-arrow.gif">
    <div id="footer">
        <img id="image-hide"src="http://openiconlibrary.sourceforge.net/gallery2/open_icon_library-full/icons/png/48x48/actions/arrow-down-double-2.png">
        Some footer links
        </div>

CSS

#fixed-image {
    position:fixed;
    bottom:0
}
#footer {
    display:none;
    position:fixed;
    bottom:0
}
}

JavaScript

$("#fixed-image").click(function(){
    $("#footer").show()
    $("#fixed-image").hide()
})
$("#image-hide").click(function(){
    $("#footer").hide()
    $("#fixed-image").show()
})