Hi,
I'm doing a plain simple accordion, not too different from the jquery
ui accordion plugin example. But it seems no matter what I do, the
accordion fills 100% of the width of the browser window. What am I
missing? How do I control the width? TIA.
Here's my code:
<link type="text/css"
href="http://jqueryui.com/latest/themes/base/ui.all.css
" rel="stylesheet" />
<script type="text/javascript"
src="http://jqueryui.com/latest/jquery-1.3.2.js
"></script>
<script type="text/javascript"
src="http://jqueryui.com/latest/ui/ui.core.js
"></script>
<script type="text/javascript"
src="http://jqueryui.com/latest/ui/ui.accordion.js
"></script>
<script type="text/javascript">
$(document).ready(function( )
{
$("#accordion").accordion(
{
autoHeight: false,
collapsible: true,
active: false
});
});
</script>
</head>
<body>
<div id="accordion">
<h3><a href="#">level one</a></h3>
<div>
<p>line one</p>
<p>line two</p>
</div>
<h3><a href="#">ncaa 2000's</a></h3>
<div>
<p>line three</p>
<p>line four</p>
</div>
</div> <!-- accordion -->
</body>
--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups
"jQuery UI" group.
To post to this group, send email to [email protected]
To unsubscribe from this group, send email to
[email protected]
For more options, visit this group at
http://groups.google.com/group/jquery-ui?hl=en
-~----------~----~----~----~------~----~------~--~---
