Loading
modal Popup button click hide and show  
  •   
  •   
  •   
  • "testmodal-1" class="modal fade">  
  • class="modal-dialog">  
  • class="modal-content">  
  • class="modal-header">  
  • "button" class="close" data-dismiss="modal" aria-hidden="true">×  
  • class="modal-title">Confirmation  
  •   
  • class="modal-body">  

  • Do you want to save changes you made to document before closing?

      
  • class="text-warning">If you don't save, your changes will be lost.

      
  •   
  • class="modal-footer">  
  • "button" class="btn btn-default" data-dismiss="modal">Close  
  • "button" class="btn btn-primary">Save changes  
  •   
  •   
  •   
  •   
  • "element" class="btn btn-default show-modal">show modal  
    • JavaScript
    1. $(document).ready(function(){  
    2. var show_btn=$('.show-modal');  
    3. var show_btn=$('.show-modal');  
    4. //$("#testmodal").modal('show');  
    5. show_btn.click(function(){  
    6. $("#testmodal").modal('show');  
    7. })  
    8. });  
    9. $(function() {  
    10. $('#element').on('click', function( e ) {  
    11. Custombox.open({  
    12. target: '#testmodal-1',  
    13. effect: 'fadein'  
    14. });  
    15. e.preventDefault();  
    16. });  
    17. });  
    0