Issue with AutoHeight
Issue with AutoHeight
Hi,
I built a page using individually hard coded headings and content and
the autoHeight option works as expected.
However when I build a PHP page that dynamically creates the titles &
content, I get a fixed height. See code below. Any suggestions?
Thanks!!
<!DOCTYPE .........transitional.dtd">
<META HTTP-....... GMT">
<html xmlns="http://www.w3.org/1999/xhtml">
<head profile="http://gmpg.org/xfn/11">
<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>
<?php get_header(); ?>
<div id="content">
<div class="articles">
<div id="post">
<?php if(have_posts()) : ?>
<div id="accordion">
<?php while(have_posts()) : the_post(); ?>
<h1><a href="#" title="<?php the_title(); ?>"><?php the_title(); ?></
a></h1>
<div class="post_content">
<?php the_content(); ?>
<a href="mailto:?Subject=Greetings &body=I think
you'll like this: <?php echo the_permalink(); ?>">E-Mail to a
Friend</a>
</div>
<?php endwhile; ?>
</div>
<?php endif; ?>
</div>
<?php get_footer(); ?>