Jak wstawić javascript na stronę?

Witam!
Piszę po raz kolejny, ponieważ napotkałem na błąd pisząc stronę. Otóż mam pewien tekst, który powinien pojawić się dopiero po kliknięciu w odnośnik. Wykorzystuje do tego JavaScript, ale mam problem. Strona nie raportuje żadnych błędów, ale po kliknięciu w odnośnik tekst nadal nie pojawia się. Oto kod strony, gdzie jest on wykorzystywany oraz kod JavaScript. Nie wiem, w którym miejscu go wstawić, aby działał. Dodam, że zawartość members.php wyświetlana jest w index.php

members.php:

<?php

include "script.js";
include "script.php";

echo '<h1 >Członkowie</h1>
             
             <br><br><br>
			 
<a rel="nofollow" href="javascript:ShowHide("pokaz2","schowaj");"> 
<br><img src="images/plus.png" alt="" /><font  size=5> Czynni</font>
</a> <div id="pokaz2" style="position: relative; display: none;"> <br>
<p>
<center><table border="1" bordercolor = "orange" cellpadding = "10">
<tr>
<center>
	<td><center><b>Imię i Nazwisko</b></center></td>
	<td><center><b>Rok Wstąpienia</b></center></td>
	<td><center><b>Ukończone kursy </b></center></td>
	<td><center><b>Rok ukończenia kursów</b></center></td>
</center>
</tr>

/* dalsza część tabeli */

</table></center></p>
<a rel="nofollow" href="javascript:ShowHide("pokaz2","schowaj");"> 
Ukryj 
</a></div> 

<a rel="nofollow" href="javascript:ShowHide("pokaz3","schowaj1");"> 
<br><img src="images/plus.png" alt="" /><font  size=5> Emerytowani</font>
</a><div id="pokaz3" style="position: relative; display: none;"> <br> 
Będzie.
<a rel="nofollow" href="javascript:ShowHide("pokaz3","schowaj1");"> 
Ukryj 
</a></div>

<a rel="nofollow" href="javascript:ShowHide("pokaz4","schowaj2");"> 
<br><img src="images/plus.png" alt="" /><font  size=5> Zmarli</font>
</a><div id="pokaz4" style="position: relative; display: none;"> <br> 
To też będzie.
<a rel="nofollow" href="javascript:ShowHide("pokaz4","schowaj2");"> 
Ukryj 
</a></div>
<br><br><br>
            
            
            
		<h1 ></h1>';
?>

Dodane script.php oraz script.js w ramach próby, ale nie działa.

zawartość script.php oraz script.js:

<script language="JavaScript"> 
function ShowHide(layer_open, layer_close) { 



        if (layer_open != '') { 
            expandLayer(layer_open); 
			  document.hint_img.src = "minus.png";  
			
        } 
        if (layer_close != '') { 
            expandLayer(layer_close); 
			document.hint_img.src = plus.png;  
        } 
    } 

    function expandLayer(name) { 
        var itm = null; 

        if (document.getElementById) { 
            itm = document.getElementById(name); 
        } else if (document.all) { 
            itm = document.all[name]; 
        } else if (document.layers) { 
            itm = document.layers[name]; 
        } 

        if (!itm) { 
        } else if (itm.style) { 
            if (itm.style.display == "none") { 
                itm.style.display = ""; 
            } else { 
                itm.style.display = "none"; 
            } 
        } else { 
            itm.visibility = "show"; 
        } 
    } 
</script>

Tak, wiem, że nie należy mieszać html z php, ale to tylko tak na początek, byleby strona działała, potem cały html bd przekształcał na php.

Dodam, że próbowałem różnych opcji, pisać bez

<script language="JavaScript">

w

<?php ?>

ale nie poradziłem sobie. Prosiłbym o pomoc.

dodanie znaczników kolorujących składnię - fp

<a href="javascript:ShowHide("pokaz2","schowaj");">

no dobrze, ale co z tym jest źle? W którym pliku powinno to być dodane? A może w members.php przed znacznikiem

 <?php

?

Spójrz na cudzysłowy... :|

I przy okazji - tag <script> nie posiada atrybutu language - usuń.

Ok, zmieniłem na takie coś:

<?php

include "includes/script.php";
include "includes/script.js";

echo '<h1 >Członkowie</h1>
             
             <br><br><br>
			 
<a rel="nofollow" href="javascript:ShowHide(' . 'pokaz2' . ', ' . 'schowaj' . ');"> 
<br><img src="images/plus.png" alt="" /><font  size=5> Czynni</font>
</a> <div id="pokaz2" style="position: relative; display: none;"> <br>
<p>
<center><table border="1" bordercolor = "orange" cellpadding = "10">
<tr>
<center>
	<td><center><b>Imię i Nazwisko</b></center></td>
	<td><center><b>Rok Wstąpienia</b></center></td>
	<td><center><b>Ukończone kursy </b></center></td>
	<td><center><b>Rok ukończenia kursów</b></center></td>
</center>
</tr>
<tr>

/*dalsza część tabeli*/

</table></center></p>
<a rel="nofollow" href="javascript:ShowHide(' . 'pokaz2' . ',' . 'schowaj' . ');"> 
Ukryj 
</a></div> 

<a rel="nofollow" href="javascript:ShowHide(' . 'pokaz3' . ',' . 'schowaj1' . ');"> 
<br><img src="images/plus.png" alt="" /><font  size=5> Emerytowani</font>
</a><div id="pokaz3" style="position: relative; display: none;"> <br> 
Będzie.
<a rel="nofollow" href="javascript:ShowHide(' . 'pokaz3' . ',' . 'schowaj1' . ');"> 
Ukryj 
</a></div>

<a rel="nofollow" href="javascript:ShowHide(' . 'pokaz4' . ',' . 'schowaj2' . ');"> 
<br><img src="images/plus.png" alt="" /><font  size=5> Zmarli</font>
</a><div id="pokaz4" style="position: relative; display: none;"> <br> 
To też będzie.
<a rel="nofollow" href="javascript:ShowHide(' . 'pokaz4' . ',' . 'schowaj2' . ');"> 
Ukryj 
</a></div>
<br><br><br>
            
            
            
		<h1 ></h1>';

tutaj jeszcze raz kod samego skryptu:

<script>
function ShowHide(layer_open, layer_close) { 



        if (layer_open != '') { 
            expandLayer(layer_open); 
			  document.hint_img.src = "minus.png";  
			
        } 
        if (layer_close != '') { 
            expandLayer(layer_close); 
			document.hint_img.src = plus.png;  
        } 
    } 

    function expandLayer(name) { 
        var itm = null; 

        if (document.getElementById) { 
            itm = document.getElementById(name); 
        } else if (document.all) { 
            itm = document.all[name]; 
        } else if (document.layers) { 
            itm = document.layers[name]; 
        } 

        if (!itm) { 
        } else if (itm.style) { 
            if (itm.style.display == "none") { 
                itm.style.display = ""; 
            } else { 
                itm.style.display = "none"; 
            } 
        } else { 
            itm.visibility = "show"; 
        } 
    } 
</script>

Czy moglibyście pokazać mi, czy to jest dobrze, oraz w którym miejscu, albo w jakim pliku wkleić ten skrypt. Gdy miałem stronę w html, to działało, a teraz szukałem na googlach i nie mogłem znaleźć gdzie to wsadzić.

W dalszym ciągu nie rozwija się treść.

dodanie znacznika <code class="javascript"> - fp

A nie lepiej Tobie zamiast zbitego "echo" po prostu zamknąć PHP i otwierać jak to jest koniecznie?
Ogólnie pytasz o podstawy podstaw, mieszasz wszystko - wróć do źródeł i czytaj dalej z czym to się je, ja wątek wrzucam do Newbie.