Bootstrap modal: close current, open new

by

I know this is a late answer, but it might be useful.
Here’s a proper and clean way to get this done, as @karima’s mentioned above. You can actually fire two functions at once; trigger and dismiss the modal.

HTML Markup;

<!-- Button trigger modal -->
<ANY data-toggle="modal" data-target="TARGET">...</ANY>

<div class="modal fade" id="SELECTOR" tabindex="-1">
  <div class="modal-dialog">
   <div class="modal-content">
    <div class="modal-body"> ... </div>
     <div class="modal-footer">           <!-- ↓ -->  <!--      ↓      -->
      <ANY data-toggle="modal" data-target="TARGET-2" data-dismiss="modal">...</ANY>
     </div>
   </div>
  </div>
</div>

Demo

More Related Contents:

  1. Passing data to a bootstrap modal
  2. How to open a Bootstrap modal window using jQuery?
  3. Multiple modals overlay
  4. Bootstrap: Open Another Modal in Modal
  5. How to bind bootstrap popover on dynamic elements
  6. Getting Bootstrap’s modal content from another page
  7. Contain form within a bootstrap popover?
  8. How to reset the bootstrap modal when it gets closed and open it fresh again?
  9. Bootstrap datepicker disabling past dates without current date
  10. Calling a function on Bootstrap modal open
  11. How to change active class while click to another link in bootstrap use jquery?
  12. How to hide Bootstrap modal with javascript?
  13. How to enable Bootstrap tooltip on disabled button?
  14. How to open specific tab of bootstrap nav tabs on click of a particuler link using jQuery?
  15. Bootstrap Carousel : Remove auto slide
  16. Bootstrap modal: background jumps to top on toggle
  17. Bootstrap Dropdown with Hover
  18. TypeError: $(…).modal is not a function with bootstrap Modal
  19. How do I keep the current tab active with twitter bootstrap after a page reload?
  20. The data-toggle attributes in Twitter Bootstrap
  21. Twitter bootstrap – Focus on textarea inside a modal on click
  22. script order for jquery with bootstrap
  23. Make Bootstrap Popover Appear/Disappear on Hover instead of Click
  24. Bootstrap Carousel image doesn’t align properly
  25. Force hide address bar in Chrome on Android
  26. Bootstrap modal hide is not working
  27. Twitter bootstrap progress bar animation on page load
  28. Set default time in bootstrap-datetimepicker
  29. Form Validation With Bootstrap (jQuery)
  30. Bootstrap Dropdown menu is not working

Leave a Comment