ซ่อนและแสดง div ด้วย JavaScript เมื่อมีการคลิกที่รูปภาพ

<img id="clickMeId" src="Icons/note_add.png" onclick="show('comment')"/>

<div id="comment" style="float:left;display:none;">

    <textarea name="textfield6" cols="30" rows="2" id="Textarea1" class="text"></textarea>

    <a href="#" class="buttonintable">Submit</a>

</div>

<script type="text/javascript">

    function show(target){

    document.getElementById(target).style.display = 'block';

    document.getElementById("clickMeId").style.display = 'none';

    }

    function hide(target){

    document.getElementById(target).style.display = 'none';

    document.getElementById("clickMeId").style.display = 'block';

    }

</script>

อ้างอิง: http://stackoverflow.com/questions/15229732/show-a-div-onclick-and-hide-the-image-that-triggered-it