jquery - ラジオボタンがクリックされたときのラベルのjQueryトグルクラス

Question

:hover と :focus で背景が変わるはずのラジオ ボタンを囲むラベルがあります。

<label for="radio1" class="radio-blur">
<input name="job" id="radio1" value="1" type="radio"> Graphic Design</label>

クラスを .radio-blur から .radio-focus に変更したい

私は持っている

    $(document).ready(function(){
        $('input:radio').click(function() {
            $(this).parent('label').toggleClass('.radio-focus');
        });  
    }); 

しかし、うまくいきません...助けてください

Answer 1

クラスのドットを削除します

$(this).parent('label').toggleClass('radio-blur radio-focus');

JSFiddle