Использование BlockUI с JS hide = no go?

Question

Я пытаюсь использовать BlockUI с jQuery's hide, но не все идет по плану.

В настоящее время при загрузке скрипта указанный 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>

Answer 1

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

Интересно, что там происходит

Плохо мне!