jQuery UI Tab Header 없애기

기존에는 아래처럼 사용하여 문제없이 쓰고 있었다.

$("#dialog").dialog({

    autoOpen: false,

    /*height: 600,*/

    width: 400,

    modal: true,

    open:function() {

        $(this).parents(".ui-dialog:first").find(".ui-dialog-titlebar").remove();

    },

    close:function(){

        $("img.notPhone").show();

    },

    disabled: true ,

    resizable: false

});

그런데! 아래와 같은 방법도 있었네..

.ui-tabs > .ui-widget-header {

    background: #FFFFFF;

    border:0px;

    color:#FFFFFF;

    font-weight:bold;

}

.ui-tabs.ui-widget.ui-widget-content {

    background: #FFFFFF;

    border:0px;

}

.ui-tabs .ui-tabs-panel {

    background: #FFFFFF;

    border:1px solid #DDDDDD;

    margin: 0 !important;

}