bootstrap div 弹出与关闭

html

    <div id="myModal" class="modal" tabindex="-1" role="dialog" 
    style="width:900px; height:830px; margin-left:450px; margin-top:50px;background-color:#333;" 
        aria-labelledby="myModalLabel" aria-hidden="true">
        
        <!--  
        <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal"
                aria-hidden="true">×</button>
            <h3 >プロモーション詳細</h3>
        </div>
        
        -->
        <div class="modal-body" style="background-color: white;">

            
        </div>
        <div class="modal-footer"><input type="button"  class="btn btn-primary" onclick="saveDetailPage()" value="登録"/>
            <input id="clear" class="submit btn" onclick="detailClear()" type="button" value="クリア" />
            <input class="btn" onclick="Cleardetailpage()" data-dismiss="modal" aria-hidden="true" value="キャンセル" />

        </div>
    </div>

 js

                                    $("#myModal").hide();
                                    $('#myModal').modal('hide');

 { data:'iscPromotionId',  //<a href="#myModal" role="button" class="btn" data-toggle="modal">查看演示案例</a>
                          "render": function ( data, type, full, meta ) {
                          return '<a href="#myModal" role="button" class="btn" data-toggle="modal" onclick="popdetail(this);">修正</a>'+'  '+'<a href="#myModal" role="button" class="btn" data-toggle="modal" onclick="popdetail(this);">削除</a>';} },