Jquery #id ul li选择

Question

<div id="Day-events-content">
    <ul>
        <li>
            <time date="12-12-2013">
            <em>12-12-2013</em>
            <small>18:00</small>
            </time>
            <a href="#">EU driving</a>
            <p class="hidden">Lorem</p>
        </li>
    </ul>
</div>
</div>

$("#Day-events-content ul li a").click(function (event){
   alert('o');
});

我想做简单的切换（），但上面的代码不起作用。如果我更改#Day-events-content
如果点击id区域中的元素，它就有效。

Answer 1

$("#Day-events-content ul li a").click(function (event){
    $('p.hidden').toggle();
});

Answer 2

这样做：

$("#Day-events-content ul li a").click(function (event){
   $('.hidden').toggle();
});

这是fiddle