Hello,

Here is the DOM structure I use :
                <h3 >
                        <label>
                                <input type="checkbox" name="selectedMsg[]" 
value="15"  />
                        </label>
                        <a href="read-message-15.html" title="">Re : Title</a>
                </h3>
                <div>
                        <p>my text</p>
                </div>

And I would like to use a sort of accordion effect once I click the h3
node and avoid accordion effect if the click is on the checkbox.

Impossible to do and any advice is welcome.

Here is the js code I used, the click on the checkbox is ok but the
click on the h3 follows the "href" link.

function addMessageClickHandlers(){
        $('#messages h3 + div').hide();
        $('#messages h3').filter(":checkbox").click(function(){
                var $nextDiv = $(this).next();
                var $visibleSiblings =
$nextDiv.siblings('div:visible:not(.all_msg_tools)');
                if ($visibleSiblings.length)
                        $visibleSiblings.slideUp('fast', function()
{$nextDiv.slideToggle('fast');});
                else
                        $nextDiv.slideToggle('fast');
                return false;
        });
}
$(document).ready(addMessageClickHandlers);

Thanx a lot

Reply via email to