Well, so far, not successful. I’m missing something somewhere. Within the testblog, can get it to work (using the header images contained in the live blog), and collapse the sidebar menus. However, cannot get this to integrate into the live blog (for the moment, reverted back to the previous version sans ajax sidebar).
All 4 js files are already in place in the appropriate theme folder. Here’s the js code for the accordion action (from the NewZen header.php file)
<script type="text/javascript">
//the main function, call to the effect object
function init(){
var stretchers = document.getElementsByClassName('stretcher'); //div that stretches
var toggles = document.getElementsByClassName('display'); //h3s where I click on
//accordion effect
var myAccordion = new fx.Accordion(
toggles, stretchers, {opacity: true, duration: 400}
);
}
</script>
And here’s the php script (using only the navigation section, other sections use this same script, substituting the appropriate header/content info):
<!-- navigation menu -->
<h3 class="display" title="sites"><a href="#"><img src="<?php bloginfo('template_directory'); ?>/images/sites.png" border="0" alt="sites" /></a></h3>
<div style="overflow: hidden; opacity: 0; visibility: hidden; height: 0px;" class="stretcher">
<div align="left">
<?php wp_list_pages('sort_column=menu_order&title_li='); ?></div>
</div>
Have also tried using the instructions/sample as provided over at moo. That, too, proved unsuccessful.
Could there be a conflict with the other ajax components that I’m using through Tonus?
