jQuery if/else 레이어보기/숨기기

Question

나는 가장자리가 반응하는 웹 사이트 슬라이드 막대를 만들고, 1 슬라이드에 2 개의 슬라이드를 만들었습니다. (그래서 그들은 책임감있게 조정할 수 있습니다). 두 번째 슬라이드에서 창 너비가 786px 미만이고 첫 번째 슬라이드가 위의 경우 표시하도록하고 싶습니다. 이것은 내가 사용 된 코드입니다 :

var n = $(window).width(); 
if (n > 768) { 
    // Show an Element. 
    // (sym.$("name") resolves an Edge Animate element name to a DOM 
    // element that can be used with jQuery) 
    sym.$("#panel_01_photo").show(); 
    // Hide an Element. 
    // (sym.$("name") resolves an Edge Animate element name to a DOM 
    // element that can be used with jQuery) 
    sym.$("#panel_02_photo").hide(); 
} 
else { 
    // Show an Element. 
    // (sym.$("name") resolves an Edge Animate element name to a DOM 
    // element that can be used with jQuery) 
    sym.$("#panel_02_photo").show(); 
    // Hide an Element. 
    // (sym.$("name") resolves an Edge Animate element name to a DOM 
    // element that can be used with jQuery) 
    sym.$("#panel_01_photo").hide(); 
} 

어떤 이유로 작동하지 않습니다. 도움을 주신 분께 고마워요.

Answer 1

$(window).on('resize', function() { 
    var n = $(window).width(); 
    sym.$("#panel_01_photo").toggle(n > 768); 
    sym.$("#panel_02_photo").toggle(n < 768); 
});