jQuery error trying to collapse menus in Control Panel when using jQuery3.5.0

• Type: Regression Bug
• Status: Closed
• Resolution: Fixed
• Affects Version/s: 7.0.X, 7.1.X, 7.2.X, Master
• Fix Version/s: 7.0.0 DXP FP93, 7.0.10.14 DXP SP14, 7.0.X, 7.1.10 DXP FP18, 7.1.10.5 SP5, 7.1.X, 7.2.10 DXP FP7, 7.2.X, 7.3.3 CE GA4, 7.3.10 DXP GA1, Master
• Component/s: JS APIs and Utilities > Frontend JS Web API
• Labels:
  • QA-FP
  • ee-ts
  • liferay-dxp-70-sp14
  • liferay-dxp-71-sp5
  • liferay-fixpack-de-93-7010
  • liferay-fixpack-dxp-18-7110
  • liferay-fixpack-dxp-7-7210
• Branch Version/s:
  7.2.x, 7.1.x, 7.0.x
• Backported to Branch:
  Committed
• Fix Priority: 3
• Last Working Version:
  7.3.1 CE GA2
• Git Pull Request: https://github.com/julien/liferay-portal/pull/282

jQuery 3.5.0 included a regression that causes panels within our control menu not being collapsed.

This issue is not reproducible in Master because the uses of jQuery has been removed, however, since the solution is upgrade jQuery to 3.5.1, I'm reporting this issue to master to later be able to backport it to the rest of branches.

Steps to reproduce

1. Backport LPS-112136 to 7.2.x where jQuery is still used.
2. Start Liferay.
3. In Control Menu, try to collapse the Site Administration Menu

Expected behavior
Site Administration Menu has been collapsed.

Actual behavior
Site Administration Menu is not collapsed and you can see below error in the browser console:

collapse.js:346 Uncaught TypeError: Cannot convert object to primitive value
    at RegExp.test (<anonymous>)
    at HTMLDivElement.<anonymous> (collapse.js:346)
    at Function.each (jquery.min.js:2)
    at S.fn.init.each (jquery.min.js:2)
    at S.fn.init.a._jQueryInterface [as collapse] (collapse.js:337)
    at HTMLDivElement.<anonymous> (collapse.js:385)
    at Function.each (jquery.min.js:2)
    at S.fn.init.each (jquery.min.js:2)
    at HTMLAnchorElement.<anonymous> (collapse.js:381)
    at HTMLDocument.dispatch (jquery.min.js:2)