jquery - ブートストラップモーダル非表示が正しく機能しない

Question

.row
  .span12
    .front-heading{:style => "width:80%;margin: auto;border-bottom: 2px dotted grey;"} The most innovative fundraising program since thin, minty cookies.
    .modal#myModal.hide.fade
      .modal-header
        Requesting an installation
        = link_to "X", "#", :class => "close", "data-dismiss" => "modal"

    = form_tag request_installation_path,{:method => :post,:remote => true, :style => "margin-bottom:0;", :class => "form-horizontal"} do
      .modal-body
        #sent_message
        %fieldset
          .control-group
            = label_tag "Name", nil, :class => "control-label"
            .controls
                = text_field_tag "name", nil, :class => "span2"
            .control-group
              = label_tag "Email", nil, :class => "control-label"
              .controls
                = email_field_tag "email", nil, :class => "span2"

        .modal-footer
          = submit_tag "request", :class => "btn btn-success"#, "data-dismiss" => "modal"

    .sticky-banner{:style => "position:relative;"}
      %h3 Coaches and Administrators
      %span{:style => "position:absolute;top: 10px;right: 5px;"}

Answer 1

$('#myModal').modal('toggle');

これにより、モーダル ウィンドウが非表示/表示されます。手順はこちら: http://twitter.github.com/bootstrap/javascript.html#modals

Answer 2

それが機能していない場合。以下を使用してください、これはうまくいくはずです。

$(".modal").css("visibility", "hidden");

また、用途を変更するには

$(".modal").css("visibility", "visible");