[jQuery] Re: Weird checkbox comportment

[[EMAIL PROTECTED]]

I found this solution that does not convince me a lot but...it
works :)

function addMessageClickHandlers(){
        $('#messages h3 + div').hide();
        $('#messages h3').click(function(event){
                if(!$(event.target).is(":input"))
                {
                        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;
                }
        });
}

On 29 oct, 16:11, "[EMAIL PROTECTED]"
<[EMAIL PROTECTED]> wrote:
> 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