html - Multiple Modal Dialog Cause Browser unable to load -

i facing issue on how allow multiple modal dialog run on web. when include 2 modal dialog in html code, web page unable load.

basically html code

            <div class="form-group">                 <label>new user?                     <a id="btn_signup_now" runat="server" data-toggle="modal" href="#mysignup" data-backdrop="true">                      sign free                         </a>                 </label>             </div>   <div id="mysignup" class="modal hide fade" role="dialog" tabindex="-1">         <div class="modal-header">             <asp:button runat="server" class="close" data-dismiss="modal" aria-hidden="true" text="*"/>             <h4 class="modal-title" id="mymodalsignup">candidate sign up</h4>         </div> 

your code should closer this:

you missing many elements necessary modal work , have elements may breaking it. need target="#mysignup" call modal , you're missing <div class="modal-content"> , <div class="modal-header"> (and footer <div class="modal-footer"> if feel it's needed. when tested hide class broke may specific doing.

<div class="form-group">     <label>new user? <a id="btn_signup_now" runat="server" data-toggle="modal" target="#mysignup" href="#mysignup" data-backdrop="true"> sign free now</a></label> </div> <div id="mysignup" class="modal fade" role="dialog" tabindex="-1">     <div class="modal-content">         <div class="modal-header">             <div class="modal-body">                  <h4 class="modal-title" id="mymodalsignup">candidate sign up</h4>             </div>             <div class="modal-footer">                 <asp:button runat="server" class="close" data-dismiss="modal" aria-hidden="true" text="*" />             </div>         </div>     </div> </div>