Hi,
that's a feature of the event bubbling in jQuery 1.3
You need to call stopPropagation().
$('li:not(:has(ul))').css({
cursor: 'default', 'list-style-image': 'none'
})
.click(function(event) {
event.stopPropagation();
return true;
});
by(e)
Stephan
> $('li:not(:has(ul))').css({
> cursor: 'default', 'list-style-image': 'none'
> });
2009/2/2 Duncan <i...@e-ips.com>:
>
> Hi
>
> I'm using the function below to collapse an unordered list which all
> seems to workfine, but what I want is the lower level items in the the
> list to be hyper links (again I can get to display) but when I click
> on the link nothing happens. It seems to be the Jquery function
> stopping this but as I'm fairly new to Jquery and not sure why.
>
> Jquery function
>
> <script type="text/javascript">
> $(function() {
> $('li:has(ul)')
> .click(function(event) {
> if (this == event.target) {
> if ($(this).children().is(':hidden')) {
> $(this)
> .css('list-style-image', 'url(../images/design/minus.gif)')
> .children().show();
> } else {
> $(this)
> .css('list-style-image', 'url(../images/design/plus.gif)')
> .children().hide();
> }
> } return false;
> })
> .css('cursor', 'pointer')
> .click();
> $('li:not(:has(ul))').css({
> cursor: 'default', 'list-style-image': 'none'
> });
> });
> </script>
>
> unorderlist
>
> <ul>
> <li>heading
> <ul>
> <li><a href="http://www.hyperlink";>text</a></li>
> <li><a href="http://www.hyperlink";>text</a></li>
> <li><a href="http://www.hyperlink";>text</a></li>
> </ul>
> </li>
> <li>heading
> <ul>
> <li><a href="http://www.hyperlink";>text</a></li>
> <li><a href="http://www.hyperlink";>text</a></li>
> <li><a href="http://www.hyperlink";>text</a></li>
> </ul>
> </li>
> </ul>
>
