Moved toggleFilterAccordian onclick event to filter group label from filter group container div.
fix filters styling issues.
Filterlist Test scenario:
1 filter group (isSingle)
Test: To open and close 1 filter group with 1 filter
Action: Click filter group label down chevron
Result: Filter group container div collapses.
Action: Click filter group label right chevron
Result: Filter group container div expands.
Test: To open and close 1 filter group with > 1 filter
Action: Click filter group label down chevron
Result: Filter group container div collapses.
Action: Click filter group label right chevron
Result: Filter group container div expands.
2 filter groups (Added test-filters to filterGroups array)
Test: To open and close 2nd filter group with 1 filter
Action: Click filter group label down chevron
Result: Filter group container div collapses.
Action: Click filter group label right chevron
Result: Filter group container div expands.
Test: To open and close 1st filter group with > 1 filter
Action: Click filter group label down chevron
Result: Filter group container div collapses.
Action: Click filter group label right chevron
Result: Filter group container div expands.
Resize window to a 1350px view width
Test: To open and close 1st filter group with > 1 filter
Action: Click filter group label down chevron
Result: Filter group container div collapses.
Action: Click filter group label right chevron
Result: Filter group container div expands.
Resize window until filters groups disappears and filter icon appears. Click filter icon to display filter groups.
Test: To open and close 1st filter group with > 1 filter
Action: Click filter group label down chevron
Result: Filter group container div collapses.
Action: Click filter group label right chevron
Result: Filter group container div expands.
Click anywhere except filter group label
Test: Filter group container div should not open and/or close
Action: Click anywhere in the filter group container, except the filter group label
Result: Filter group container should do nothing
Filterlist Test scenario:
1 filter group (isSingle)
Test: To open and close 1 filter group with 1 filter
Action: Click filter group label down chevron Result: Filter group container div collapses. Action: Click filter group label right chevron Result: Filter group container div expands.
Test: To open and close 1 filter group with > 1 filter
Action: Click filter group label down chevron Result: Filter group container div collapses. Action: Click filter group label right chevron Result: Filter group container div expands.
2 filter groups (Added test-filters to filterGroups array)
Test: To open and close 2nd filter group with 1 filter Action: Click filter group label down chevron Result: Filter group container div collapses. Action: Click filter group label right chevron Result: Filter group container div expands.
Test: To open and close 1st filter group with > 1 filter
Action: Click filter group label down chevron Result: Filter group container div collapses. Action: Click filter group label right chevron Result: Filter group container div expands.
Resize window to a 1350px view width
Test: To open and close 1st filter group with > 1 filter
Action: Click filter group label down chevron Result: Filter group container div collapses. Action: Click filter group label right chevron Result: Filter group container div expands.
Resize window until filters groups disappears and filter icon appears. Click filter icon to display filter groups.
Test: To open and close 1st filter group with > 1 filter
Action: Click filter group label down chevron Result: Filter group container div collapses. Action: Click filter group label right chevron Result: Filter group container div expands.
Click anywhere except filter group label