Question

I’m a newbie to jquery, but have managed to make a show-function and hover on a div work in my site. Unfortunately it only works in Chrome and Safari and not Firefox:

http://kommunal.dk/konference/konference.html#

I know my coding is somewhat a mess, nonetheless any reply would be appreciated. Here goes:

On a div I have:

<div id="tilmeldingknap" >Tilmelding</div><br />

    <script type="text/jscript">

    $('#tilmeldingknap').hover(
        function() {
            $(this).css('cursor','pointer');
        }, 
        function() {
            $(this).css('cursor','auto');
        }
    );

    $('#tilmeldingknap').click(
        function() {
             $('#konference-tilmelding').show('slow');
             $('#tilmeldingknap').hide(); 
             return false;
        }
    );
</script>

In my header I have:

<script type="text/javascript" src="../js/jquery-1.7.1.min.js"></script>

Answer 1

You use jQuery before you link it and that hide should be in a document ready event handler.

SCRIPT5009: ‘$’ is undefined
konference.html, line 16 character 6
SCRIPT1010: Expected identifier
konferencetilmelding.js, line 1 character 31
SCRIPT5009: ‘getTMqs’ is undefined
konference.html, line 515 character 1

from your page:

<script type="text/javascript">


     $('#konference-tilmelding').hide("fast");

</script>


<script type="text/javascript" src="file:///Macintosh HD/Users/jakobthuemoes/Documents/Webdesign/Kommunal/web/portal/js/generelle.js"></script>
2

    <script type="text/javascript" src="../js/jquery-1.7.1.min.js"></script>
    <script type="text/javascript" src="file:///Macintosh HD/Users/jakobthuemoes/Documents/Webdesign/Kommunal/web/portal/js/jqModal.js"></script>
    <script type="text/javascript" src="file:///Macintosh HD/Users/jakobthuemoes/Documents/Webdesign/Kommunal/web/portal/js/fade-plugin.js"></script>
    <script type="text/javascript" src="../js/konferencetilmelding.js"></script>
    <script type="text/javascript" src="file:///Macintosh HD/Users/jakobthuemoes/Documents/Webdesign/Kommunal/web/portal/js/kommunal.js"></script>
    <script type="text/javascript" src="file:///Macintosh HD/Users/jakobthuemoes/Documents/Webdesign/Kommunal/web/portal/js/jquery.validate.js"></script>