Hi
Stephan
Thanks for that it now works like a charm
Duncan
On Feb 2, 9:43 pm, Stephan Veigl <stephan.ve...@gmail.com> wrote:
> 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>
