Ich habe ein modales Bootstrap-Dialogfeld, das ich zuerst anzeigen möchte. Wenn der Benutzer auf die Seite klickt, wird sie ausgeblendet. Ich habe folgendes:

$(function () {
   $('#modal').modal(toggle)
});

 <div class="modal" id='modal'>
     <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
        <h3 id="myModalLabel">Error:</h3>
        </div>
        <div class="modal-body">
        <p>Please correct the following errors:</p>
        </div>
     </div>
 </div>

Das Modal wird anfangs angezeigt, wird jedoch nicht geschlossen, wenn Sie außerhalb des Modals klicken. Außerdem ist der Inhaltsbereich nicht ausgegraut. Wie kann ich das Modal zunächst anzeigen lassen und dann schließen, nachdem der Benutzer außerhalb des Bereichs geklickt hat? Und wie kann ich erreichen, dass der Hintergrund wie in der Demo ausgegraut wird?