@@ -48,42 +48,49 @@ $(function() {
4848 collapsible . addEventListener ( 'click' , toggleCollapsible ) ;
4949 }
5050
51- const advancedSearchToggleButton = document . getElementById ( 'advancedSearchToggleButton' ) ;
52- advancedSearchToggleButton . addEventListener ( 'click' , toggleAdvancedSearchPanel ) ;
5351 var resized = false ;
5452 var initialScreenSize = window . innerWidth ;
5553 const chevronIcon = document . getElementById ( 'advancedSearchToggleChevron' ) ;
5654
55+ const advancedSearchToggleButton = document . getElementById ( 'advancedSearchToggleButton' ) ;
56+
57+ if ( advancedSearchToggleButton ) {
58+ advancedSearchToggleButton . addEventListener ( 'click' , toggleAdvancedSearchPanel ) ;
59+ }
60+
61+ window . addEventListener ( 'resize' , ( ) => {
62+ resized = true ;
63+ toggleAdvancedSearchPanel ( ) ;
64+ } ) ;
65+
5766 /* For narrow screens only */
5867 function toggleAdvancedSearchPanel ( ) {
5968
6069 const filtersContent = document . getElementById ( 'advancedSearchPanel' ) ;
61- var computedStyle = window . getComputedStyle ( filtersContent ) ;
6270
63- if ( window . innerWidth <= 992 && ! resized ) {
64- filtersContent . style . display = ( computedStyle . display === 'none' ) ? 'block' : 'none' ;
65- chevronIcon . classList . toggle ( 'ms-Icon--ChevronDown' ) ;
66- chevronIcon . classList . toggle ( 'ms-Icon--ChevronUp' ) ;
67- }
68- else if ( window . innerWidth <= 992 && initialScreenSize > 992 && resized ) {
69- filtersContent . style . display = 'none' ;
70- chevronIcon . classList . add ( 'ms-Icon--ChevronDown' ) ;
71- chevronIcon . classList . remove ( 'ms-Icon--ChevronUp' ) ;
71+ if ( filtersContent ) {
72+ var computedStyle = window . getComputedStyle ( filtersContent ) ;
7273
73- }
74- else if ( window . innerWidth > 992 ) {
75- filtersContent . style . display = 'block' ;
74+ if ( window . innerWidth <= 992 && ! resized ) {
75+ filtersContent . style . display = ( computedStyle . display === 'none' ) ? 'block' : 'none' ;
76+ chevronIcon . classList . toggle ( 'ms-Icon--ChevronDown' ) ;
77+ chevronIcon . classList . toggle ( 'ms-Icon--ChevronUp' ) ;
78+ }
79+ else if ( window . innerWidth <= 992 && initialScreenSize > 992 && resized ) {
80+ filtersContent . style . display = 'none' ;
81+ chevronIcon . classList . add ( 'ms-Icon--ChevronDown' ) ;
82+ chevronIcon . classList . remove ( 'ms-Icon--ChevronUp' ) ;
83+
84+ }
85+ else if ( window . innerWidth > 992 ) {
86+ filtersContent . style . display = 'block' ;
87+ }
7688 }
7789
7890 initialScreenSize = window . innerWidth ;
7991 resized = false ;
8092 }
8193
82- window . addEventListener ( 'resize' , ( ) => {
83- resized = true ;
84- toggleAdvancedSearchPanel ( ) ;
85- } ) ;
86-
8794 function toggleCollapsible ( ) {
8895 var dataTab = document . getElementById ( this . getAttribute ( 'tab' ) + 'tab' ) ;
8996 var expandButton = document . getElementById ( this . getAttribute ( 'tab' ) + 'button' ) ;
0 commit comments