I created a new HTML block on the page and added jquery 'accordion' function to it. But adding script to the HTML disable js for the rest of the page(look at screenshot). And it occured to me before when I was adding uploadify to the page. What is the problem?
Here is the code I added(it is working properly, but not the rest of the page):
<p><link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css" />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js" type="text/javascript"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js" type="text/javascript"></script>
<script type="text/javascript">// <![CDATA[
$(document).ready(function() {
$("#accordion").accordion();
});
// ]]></script>
</p>
<div id="accordion">
<h3><a href="#">Link1</a></h3>
<div>
<p><a href="http://mysite.com/m/photos/albums/my/add_objects" title="Link">Photos</a> </p>
</div>
<h3><a href="#">Link11</a></h3>
<div>
<p><a href="http://mysite.com/m/sounds/albums/my/add_objects">Music </a> </p>
</div>
<h3><a href="#">Link11</a></h3>
<div>
<p> <a href="http://mysite.com/m/videos/albums/my/add_objects">Videos</a></p>
</div>
<h3><a href="#">Link1 1</a></h3>
<div>
<p><a href="http://mysite.com/m/files/albums/my/add_objects">Files</a></p>
</div>
</div>
