קובץ java script חיצוני לא עובד

היי לצוות היקר
(פונקציה) קוד קצר בjava script שמציג ומסתיר תוכן בתוך DIV עובד מצויין כשרשום בדף HTML בחלק ה- head ,
אך כשאני שמה את הקוד (הפונקציה) בקובץ JS חיצוני , זה לא עובד, ז"א שהתוכן ב-DIV לא נפתח ולא מוצג. מצ"ב :

הקוד שרשמתי בקובץ JS חיצוני:

function ShowHide(divId) {
if (document.getElementById(divId).style.display == 'none')
{ document.getElementById(divId).style.display = 'block'; }
else { document.getElementById(divId).style.display = 'none'; }
}

הקישור a אמור לקרוא לפונקציה וה-DIV אמור להציג ולהסתיר את התוכן:

<a href="javascript:;" onclick="javascript:ShowHide('HiddenDiv-1')">לחץ כאן </a>
<div id="HiddenDiv-1" style="display: none;">
<p style=" text-align: left;"><a href=" http://www.walla.co.il/"&gtאתר וואלה , אחד האתרים הפופולרים בארץ. ליותר הסברים על האתר לחץ על הקישור הזה.</a></p>
</div>
מאוד אודה למי שיכול לפתור הבעיה