0
.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;"}
three
  • 8,262
  • 3
  • 35
  • 39
Murhari
  • 54
  • 1
  • 1
  • 8

2 Answers2

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

This will hide/show the modal window. Instructions are here: http://twitter.github.com/bootstrap/javascript.html#modals

Gustavo Hoirisch
  • 1,637
  • 12
  • 19
0

If that is not working. Use the following, this should work.

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

and also to change use 

$(".modal").css("visibility", "visible");
Case
  • 4,244
  • 5
  • 35
  • 53
Bijendra
  • 9,467
  • 8
  • 39
  • 66