Question

I’ve a problem here trying to run a function from a a href placed inside list

Here is my Fiddle test so you can see what’s appening

http://jsfiddle.net/Pluda/xK8BN/

So, this makes an accordion, it shows my items on ul click, but when I click on the li with the a href nothing happens…

What I’m missing here?

Thanks

Answer 1

Try something like this instead :

var paineis = $('#accordion > ul');

paineis.find('li').hide().end().on('click', function(e) {
    e.preventDefault();
    paineis.removeClass('activo').not(this).find('li').slideUp();
    $(this).addClass('activo').find('li').slideToggle();
}).find('li > a').on('click', function(e) {
    alert("ok, it runs");
    return false;
});

FIDDLE