HTML - How To Hide/unhide An Image?

I'm pretty new to this whole HTML and PHP thing. I've had someone program my website for me, but I really don't want to have to pay him every time I want some little change made.

So, my question is, is there a way in an HTML file to hide or unhide text by adding some command in the file? I would just like to have the headings for each section displayed, then the user could click a "read more" type button or something that would then display the text related to that heading, without refreshing the page.

Something like this:

Quote:
THE FIRST HEADING

read more


THE SECOND HEADING

read more
Then, when you click on "read more", you would see this:

Quote:
THE FIRST HEADING

Here's some text relating to this heading.
And here's even more text.
And still more.

hide text


THE SECOND HEADING

read more
Thanks in advance for your responses and help.

Hi Every one
I new to this forum , but I hope some one can help me here.
I have a html form where I need depending on the need using check box one field to be hidden and it is place the other one should be shown.
Basically one field is dropdown data and the other is inputfield
Idea is if the info is not in drpodown field then user select checkbow and insert data by hand.
I be able to show and hide input field but input field do not go away

I hope some one can assist me, I am not that strong in JavaScript


Thanx in advance


LA

I know there's got to be a pretty easy way to do this but I am having difficulties.

I'm making a FAQ for my website, and all I want to do is have a list of questions, and you can click the question and the answer will appear directly underneath it. Then if you click the question again, the answer will become hidden. Sounds easy enough right? How do I do it?

i currently have a javascript to hide and unhide content

http://www.danish.wep.dk/film.html



HTML Code:

<script type="text/javascript">  
      function toggleDiv()  
      {  
        if (document.getElementById("myDivBox").style.display == "block")  
        {  
          document.getElementById("myDivBox").style.display = "none";  
        }  
        else  
        {  
          document.getElementById("myDivBox").style.display = "block";  
        }  
      }  
    </script> 

HTML Code:

 <input type="button" value="PK" onclick="toggleDiv()">  
    <div id="myDivBox" align="center" style="display:none;"> 



  <input type="button" value="Zamorak Godsword lured by #Danish" onclick="toggleDiv()">  
    <div id="myDivBox2" align="center" style="display:none;"> 

<object width="425" height="344"><param name="movie" 

value="http://www.youtube.com/v/CzV_HAwOSwA&hl=en_US&fs=1&"></param><param 

name="allowFullScreen" value="true"></param><param name="allowscriptaccess" 

value="always"></param><embed src="http://www.youtube.com/v/CzV_HAwOSwA&hl=en_US&fs=1&" 

type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" 

width="425" height="344"></embed></object> 

</div>
....
..
.

the problem is that i would like an additional hide funktion, but this script dosn't seem to support that, so basicly i would like the category to be called

PK
and then it should be divided again into groups of 1 video (named the same as the video)
_________

im also open for other suggestions

I have not touched HTML for months, now work brings me back to it. Simple question. I am using images as links. I don't want any symbol active or visited link around the image. How do I simply get rid of this.
Thanks!