Jump to content

jQuery Accordion

Imoddedu

By Imoddedu
in JavaScript

Recommended Posts

Imoddedu Member

Imoddedu

Posted
Posted

Hey there! I decided to try to use the jQuery UI features (which are really cool!) and I'm having some trouble with the according. It appears everything is linked correctly, but it still appears as regular, non-formatted text. Here is the code:

<?xml version="1.0" encoding="UTF-8"?><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><!-- Meta Information --><title>sdfhdfhsfdhsf - Web Design and Programming | Free Themes, Styles, Scripts </title><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /><meta name="Robots" content="index,follow" /><meta http-equiv="content-type" content="application/xhtml+xml; charset=UTF-8" /> <meta name="Keywords" content="" /><meta name="Description" content="" /><!-- CSS/JavaScript --><link rel="stylesheet" href="main.css" type="text/css" /><link rel="Shortcut Icon" href="images/logo/64logotrans.png" /><style type="text/css">@import url("css/theme/jquery-ui-1.8.9.custom.css");</style> <link href="blue.css" rel="stylesheet" type="text/css" /><script type="text/javascript" src="js/jquery.js"></script><script type="text/javascript" src="js/jquery-1.4.4.min.js"></script><script type="text/javascript" src="js/jquery-ui-1.8.9.custom.min.js"></script><script type="text/javascript" src="js/jsapi.js"></script> <script type="text/javascript" src="js/accordion.js"></script>		</head><body><div id="page"><div id="pageheader"><center><img src="images/logo/pagelogo.png" alt="sdfhdhfd - Web Design and Programming"/></center><center><div id="topnavbar"><a href="#"><img src="images/home.png" name="home" id="home" alt="sdfhfdhfd" /></a><a href="#"><img src="images/blog.png" alt="Blog" /></a><a href="#"><img src="images/portfolio.png" alt="Portfolio" /></a><a href="#"><img src="images/download.png" alt="Download" /></a><a href="#"><img src="images/videos.png" alt="Videos" /></a><a href="#"><img src="images/contact.png" alt="Contact" /></a></div></center></div><center><div id="content"><h1>dsfhfdhfsdh</h1><div id="accordion"><h2><b><a href="#">Test</a></b></h2><div><p>fhfdhfdhfdshsd</p></div><h2><b><a href="#">Test2</a></b></h2><div><p>dfhsdfhsdfhfdshs</p></div></div></div></center><center><div id="footer"><span id="footerText">Copyright 2011 <a href="#"><span id="footerLink">dfhdfhsdf</span></a>. | (999)-999-999 | 9999 Somewhere Place | Web Design and Programming </span><br /><br /><a href="#"><img src="images/social/feed.png" alt="Feed" /></a><a href="#"><img src="images/social/blogger.png" alt="Blogger" /></a><a href="#"><img src="images/social/facebook.png" alt="Facebook" /></a><a href="#"><img src="images/social/twitter.png" alt="Twitter" /></a><a href="#"><img src="images/social/linkedin.png" alt="LinkedIn" /></a><a href="#"><img src="images/social/digg.png" alt="Digg" /></a><br /><br /><a href="#"><span id="footerLink">fdhfdhfdhfdshfds</span></a><span id="footerText">|</span><a href="#"><span id="footerLink">Blog</span></a><span id="footerText">|</span><a href="#"><span id="footerLink">Portfolio</span></a><span id="footerText">|</span><a href="#"><span id="footerLink">Download</span></a><span id="footerText">|</span><a href="#"><span id="footerLink">Videos</span></a><span id="footerText">|</span><a href="#"><span id="footerLink">Contact</span></a><br /></div></center></div></body></html>

accordion.js:

 $(document).ready(function() {	$("#accordion").accordion({		header: "h2"});  });

Link to comment
Share on other sites

Archived

This topic is now archived and is closed to further replies.

Go to topic listing
×
×
  • Create New...