Question

Creating a sliding form using jQuery. Problem is the form is sliding to a blank page. The page that it is suppose to be sliding to is stuck on the first page. Website is here…www.entrilab.com. No errors come up on when I inspect the element. Even with no errors could it be the function is still not calling? The function in question is below

$('#navigation').show();


    $('#navigation a').bind('click',function(e){
        var $this   = $(this);
        var prev    = current;
        $this.closest('ul').find('li').removeClass('selected');
        $this.parent().addClass('selected');

        current = $this.parent().index() + 1;

Answer 1

You have a few issues with your HTML. For starters you don’t have any doctype declared for the page. Secondly you have a closing div tag after you close the html tag. These are not going to fix the issue but just something to clean up the code.

I am presuming that you want the confirm fieldset to be on the second screen. For that you need to chang your css as follows:

#steps form fieldset{
    border:none;
    padding: 0 0 20px 0;
    margin: 0;
}

Give that a go and see if that fixes your issues.