如何在桌面屏幕中隐藏jquery.mobile.splitview中的左面板

<div data-role="splitview" data-theme="a" data-display="overlay">
    <div data-role="splitview-pane" id="left-panel">
        <!-- 左面板内容 -->
    </div>
    <div data-role="splitview-pane" id="right-panel">
        <!-- 右面板内容 -->
    </div>
</div>

@media (min-width: 768px) {
    #left-panel {
        display: none;
    }
}

$(document).on("click", "#show-left-panel-button", function() {
    $("#left-panel").show();
});