javascript - jQuery切换下一个P

我试图创建一个仅单击按钮就可以切换段落显示CSS的函数，我似乎根本无法使其正常工作，我的浏览器只是返回页面顶部？我的jQuery是...

$('.useful-links ul li a').click(function(){
    $('.useful-links ul li a').parent('li').find('p').toggle();
});

我的标记是

<li>
     <a href="#">RESIDENTIAL AGENTS</a>
     <p style="display:none;">sfsdfsdfsd</p>
</li>

最佳答案

我假设您的HTML结构是这样的:

<div class="useful-links">
    <ul>
        <li>
            <a href="#">RESIDENTIAL AGENTS</a>
            <p style="display:none;">sfsdfsdfsd</p>
        </li>
    </ul>
</div>​

// For your jQuery selector to work as you have it

$('.useful-links ul li a').on('click', function (e) {
    e.preventDefault(); // stop href()
    $(this).next('p').toggle();
});

演示:
http://jsfiddle.net/p4SJB/