button - Jqueryを使用してボタンを切り替える

Question

助けが必要です。私はこの構造を持っています

<div class="buttons">
<p onclick="function1('param1')">button1</p>
<p onclick="function2('param2')">button2</p>
<p onclick="function3('param3')">button3</p>
</div>

このコードは完全に機能しますが、それに加えて、現在選択されているボタンにclass="active"を追加する必要があります。これはできません。次のコードは機能しません。

$(document).ready(function() {
$('.buttons').click(function(){
if($(this).hasClass('active')){
return false;
}
else{
$('.buttons > p').removeClass('active');
$(this).addClass('active');
}
});
})

誰かがこの問題を解決する方法を言うことができますか？

Answer 1

タイプミスがあります

<div class="buutons"> 

そのはず

<div class="buttons">

また

<p onclick="function3('param3')>button3</p>

する必要があります

<p onclick="function3('param3')">button3</p>

JSFiddleはこちらです。