Jquery 使用带JS hide=no go的BlockUI？

我试图将BlockUI与jQuery的隐藏一起使用，然而，并不是所有的事情都会按计划进行

当前，在脚本加载时，所述div radiodj隐藏自己。当用户单击按钮时，div显示出来。现在，问题来了。当用户单击div内的链接时，div再次隐藏，但执行链接操作，即div被阻止

以下是javascript以及相应的HTML：

$(document).ready(function(){
$('#radiodj').hide();

$("#apply-radiodj").click(function () {
    $("#radiodj").toggle("slow");
});
$('#radiodj').click(function()  {
    $('#radiodj').hide('slow');
    $('div.radiodj').unblock(); 
    });
$('#radiodjcancel').click(function()    {
    $('#radiodj').block({ 
        message: '<h1>Processing</h1>', 
        css: { border: '3px solid #a00' } 
        }); 
});
$('#radiodjsave').click(function() { 
    $('#radiodj').block({ 
        message: '<h1>Processing</h1>', 
        css: { border: '3px solid #a00' } 
        }); 
    });

  });

和HTML

申请

<div id="radiodj">
  <form action="#" method="post" id="radiodjform">
   <fieldset class="fieldset">
    <legend>Apply for position</legend>
    <div class="errmsg" align="center"><strong>Error 102:</strong> this form is not yet functional, don't apply!<br />
    </div>
    <div id="radiodjok">
     <p>
     <a id="radiodjsave">Save</a> or <a href="#" id="radiodjcancel">Cancel</a></p>
    </div>
   </fieldset>
  </form>
</div>

我想知道那是怎么回事：/

糟糕的我

$('#radiodj').click(function()  {        
  $('#radiodj').hide('slow');        
  $('div.radiodj').unblock();         
});