展开图像以显示文本

Question

我对编码非常陌生。我正在编写一个页面，我希望在一行中有3个图像，每个图像一旦点击就会删除文本/链接/信息，再次点击它会隐藏它。

或者在页面右侧有一个图像，并且它以一种很酷的效果将文本扩展到图像的右侧，但是效果对我来说并不是强制性的，因为我知道这涉及其他代码而不仅仅是正常的HTML / CSS等。

这是我目前的代码。它有两个图像在右边，一个在左边。但是，展开时的文本出现在图像之间..对于它们两个。::

<a href="javascript: hideshow('zznam')"><img src="imgurl" border="0" align="left"/></a>
<div id="zznam">Text 1 Here!</div>

<a href="javascript: hideshow('zz1')"><img src="imgurl" border="0" align="right"/></a>
<div id="zz1" style="display: none;">Text 1 Here!</div>

标题中包含脚本。

你能帮帮我吗？

<script type="text/Javascript">
<!--
function hideshow(id)
{
if(document.getElementById(id).style.display==""){
document.getElementById(id).style.display="none";
} else {
document.getElementById(id).style.display="";
}
}
//-->
</script>