modal Popup button click hide and show

Question

I am display modal popup after click on the button there is buttons like cheque,card then i need hide and show after click on card if click on cheque then only cheque number text box required to show other hide. How to impliment?

Rajeesh Menoth · Answer

Hi, Please refer the article : http://jasonwatmore.com/post/2018/05/25/angular-6-custom-modal-window-dialog-box Demo : http://jsfiddle.net/92z54z04/1/

Madan Shekar · Answer

HTML CODE "testmodal" 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 "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 $(document).ready( function (){ var show_btn=$( '.show-modal' ); var show_btn=$( '.show-modal' ); //$("#testmodal").modal('show'); show_btn.click( function (){ $( "#testmodal" ).modal( 'show' ); }) }); $( function () { $( '#element' ).on( 'click' , function ( e ) { Custombox.open({ target: '#testmodal-1' , effect: 'fadein' }); e.preventDefault(); }); });