Javascript, Show/Hide text on SAME LINE?

Is it possible to show half a sentence when page is loaded, and mouseover that half line and show the rest of the sentence? My code always display the rest of the sentence on the NEXT line which I dun want. Any advise? Here's my code : <script language=javascript type='text/javascript'> function... show more Is it possible to show half a sentence when page is loaded, and mouseover that half line and show the rest of the sentence? My code always display the rest of the sentence on the NEXT line which I dun want. Any advise?

Here's my code :

<script language=javascript type='text/javascript'>
function showtext(){
document.body.background='images/image...
var div = document.getElementById("hiddenDiv");
div.style.display = (div.style.display=='none')? '':'none';


}
</script>

<a href="#" onmouseover="showtext()"
onmouseout="showtext();document.body.b...
Beginning of Sentence - </a>
<div id="hiddenDiv" style="display: none; width: 100%;">
hidden and shown on mouseover on same line as beginning
</div>

if code is truncated, go here :
www.gulin.sg/tests/mouse12.php
Update: I've replaced to span, but it still shows on the next line!
5 answers 5