[jQuery] Weird checkbox comportment
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>
my text
</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