Question

I’m trying to eventually make a sliding form with jQuery, but while testing out my html code I noticed the ul lists didn’t show up on my apache localhost. Yet it shows up on the jsfiddle as one can see in the link–> http://jsfiddle.net/713Marketing/Awh3G/86/
Why is that? My jquery library is updated and $(document).ready(function() { is in the beg of my code.

Answer 1

You could try the console.log to debug. First thing i would try is console.log($('#navigation')); and check your browser console to see if it returns the right object, and not ‘undefined’.

If that works the next step would be to inspect the code of your #navigation block and see wich styles get applied after the code has ran. Perhaps you have something like display: none !important; in your stylesheet, wich would not get overwritten by the inline styles jQuery apllies to show the content. Or perhaps the block is positioned somewhere off-screen.

There is bound to be an isue somewhere else in your code, as the .show() function from jQuery is rather basic and has never caused me any problems.

If you can not find the issue, feel free to post a link to the live page so we can have a look at it and try to help out.