Note that there are some explanatory texts on larger screens.

plurals
  1. POjquery does not link to html
    text
    copied!<p>I am very new to HTML and JQuery,however i have written a html file and have added a jquery reference to that in eclipse. Both the files (html and js) are at same location in eclipse. When i run the HTML, i expect to see the jquery functions in the output which does not show up, only the HTML output is seen. Why is this happening? Is there any other way i can see the animation i have put in through JQuery or my linking is an issue? Below are my HTML and JS files.</p> <h1>test.html:</h1> <pre><code>&lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;title&gt;Behold!&lt;/title&gt; &lt;link rel='stylesheet' type='text/css' href='http://code.jquery.com/ui/1.9.1/themes/base/jquery-ui.css'/&gt; &lt;script type='text/javascript' src='script.js'&gt;&lt;/script&gt; &lt;script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.9.1/jquery-ui.min.js"&gt;&lt;/script&gt; &lt;/head&gt; &lt;body&gt; &lt;div id="menu"&gt; &lt;h3&gt;jQuery&lt;/h3&gt; &lt;div&gt; &lt;p&gt;jQuery is a JavaScript library that makes your websites look absolutely stunning.&lt;/p&gt; &lt;/div&gt; &lt;h3&gt;jQuery UI&lt;/h3&gt; &lt;div&gt; &lt;p&gt;jQuery UI includes even more jQuery goodness!&lt;/p&gt; &lt;/div&gt; &lt;h3&gt;JavaScript&lt;/h3&gt; &lt;div&gt; &lt;p&gt;JavaScript is a programming language used in web browsers, and it's what powers jQuery and jQuery UI. You can learn about JavaScript in the &lt;a href="http://www.codecademy.com/tracks/javascript" target="blank" style="text-decoration:none; color:#F39814"&gt;JavaScript track&lt;/a&gt; here on Codecademy.&lt;/a&gt;&lt;/p&gt; &lt;/div&gt; &lt;/div&gt; &lt;/body&gt; &lt;/html&gt; </code></pre> <p>script.js file: -============</p> <pre><code>$(document).ready(function() { $("#menu").accordion({collapsible: true, active: false}); }); </code></pre> <p>Thanks..</p>
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload