CODEWITHSUNDEEP
javascriptjqueryhtmlcss
Andrew
Andrew

Reputation: 27

jQuery not linking with html correctly

I am new to html/css/jquery but I started working on a little sample webpage. I uploaded the files to godaddy where I am hosting the site but am having trouble getting the jquery portion to work. Not sure if I am not linking the .js file to the .html file correctly or if there is another issue.

<!DOCTYPE html>
    <html>
        <head>
            <title>Sample Webpage</title>
            <link rel="stylesheet" href="faq.css" />
            <link rel='stylesheet' type='text/css' href='http://www.code.jquery.com/ui/1.9.1/themes/base/jquery-ui.css'/>
            <script src="http://www.ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js">
            <script src="http://www.ajax.googleapis.com/ajax/libs/jqueryui/1.9.1/jquery-ui.min.js"></script>
            <script type='text/javascript' src='faq.js'></script>
        </head>

here is the jquery that I am trying to use 

$(document).ready(function() {

    $('#FAQmenu').accordion({
        event: "click",
        active: false,
        collapsible: true,
        autoHeight: false
    });
});

Thanks in advance

Upvotes: 1

Views: 427

Answers (2)

Diegys
Diegys

Reputation: 71

You must install xampp/wamp/mamp/etc or to upload your files to a server if you want the Google hosted jquery to work, otherwise you can download jquery and link it from your project folder.

Upvotes: 0

Rob Johnstone
Rob Johnstone

Reputation: 1734

You have not closed the first script tag. Instead try:

<script src="http://www.ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>

Upvotes: 1

Related Questions