jQuery切换下一个P.

Question

我试图创建一个功能,将切换段落显示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>

Answer 1

我假设你的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/