[jQuery] Selector Help - Accordion style menu

[BJ Clark]

Hello,
I'm new to jQuery and I'm not sure if I have my selectors right and
how to test. The first part of my JS (below) is working, but the 2nd
part, the accordion stuff, is not. My relevant html and JS are below.

div id="ancillary">
        <div class="block first">
                <div class="inside">
                        <div class="bar">
                                <h2>Recent Content</h2>
                                <span><a href="#"
class="pane_slider">open</a></span>
                        </div>
                        <div class="section">
                                <?php
$hemingway->get_block_output('block_1'); ?>
                        </div>
                        <div class="clear"></div>
                </div>
        </div>

        <div class="block second">
                <div class="inside">
                        <div class="bar">
                                <h2>Categories & Links</h2>
                                <span><a href="#"
class="pane_slider">open</a></span>
                        </div>
                        <div class="section">
                                <?php
$hemingway->get_block_output('block_2'); ?>
                        </div>
                        <div class="clear"></div>
                </div>
        </div>

        <div class="block third">
                <div class="inside">
                        <div class="bar">
                                <h2>Photos & Music</h2>
                                <span><a href="#"
class="pane_slider">open</a></span>
                        </div>
                        <div class="section">
                                <?php
$hemingway->get_block_output('block_3'); ?>
                        </div>
                        <div class="clear"></div>
                </div>
        </div>

</div>



<script>//<![CDATA[
   // When the page is ready
        $(document).ready(function(){
                $("#about p").hide();
                $('#profile_a').click(function(event){
                        $('#about p').toggle(400);
                        return false;
                });
                //end about - begin bottom menu
                $('a.pane_slider').click(function(){
                        $('.section:visible').slideUp("slow");

$(this).parent(".inside").next(".section").slideDown("slow");
                        return false;
                });
        });
 //]]></script>



Any ideas? Is there an easy way to tell if the click event is being
attached and if it's targeting the correct div?

Thanks,
BJ Clark

_______________________________________________
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/