如果选中单选按钮，我该怎么做这个div节目？

Question

我正在一个网站上工作并试图让一个div保持隐藏当一个单选按钮被检查并显示另一个被检查但但div根本没有显示我正在寻找js或php做到这一点：

    <input type="radio" name="anonymity" value="anonymous"> I wish to remain anonymous
                    <br>
                <input type="radio" name="anonymity" value="not-anonymous" checked> I am happy to show my identity
                <script language="javascript" type="text/javascript">
                </script>
            <div id="invisibility" style="visibility:hidden">
            <p>
                <label for="name">Name</label>
                <input name="name" id="name" type="text" required />
            </p>
            <p>
                <label for="email">E-mail</label>
                <input name="email" id="email" type="email" required />
            </p>
            </div>

因此，当我很高兴显示我的身份被检查时，我想显示div。

提前感谢。

js是：

    $(document).ready(function() {
    $('input[type="radio"]').click(function() {
    if($(this).attr('id') == 'hidden') {
        $('#invisibility').show();           
   }

   else {
        $('#invisibility').hide();   
   }
  });
});