Question

I do not how can it be at all!!!
I have code:

<script type="text/javascript">
    function SHOW(){document.getElementById('11').style.display='block';}
</script>
<a href="javascript:SHOW();">show</a>
<div id="11" style="display:none;">Some text</div>

On one page this script works as it should be, and on another it doesn’t work at all…

If this important I use jQuery on both pages.

How can it be?

Thanks!

Answer 1

Since you said you’re using JQuery, how about you use JQuery?

CSS:

.hidden {
    display:none;
}

HTML:

<span id="show">Show text</span>
<div id="foobar" class="hidden">Some text</div>

JQuery:

$(function(){
    $('#show').click(function(){
        $('#foobar').show();
    });
});

Demo: http://jsfiddle.net/rdBkF/