fix tabcordion style and animation

[FrancoisZhang]

Please always provide the GitHub issue(s) your PR is for, as well as test URLs where your change can be observed (before and after):

Fix #112

Test URLs:

• Before: https://main--zemax--hlxsites.hlx.page/pages/applications#lighting-and-illumination
• After: https://issue-112--zemax--hlxsites.hlx.page/pages/applications#lighting-and-illumination

[aem-code-sync[bot]]

Hello, I'm Franklin Bot and I will run some test suites that validate the page speed. In case there are problems, just click the checkbox below to rerun the respective action.

• [ ] Re-run PSI Checks

[aem-code-sync[bot]]

Page	Score	PSI Audit	Google
/pages/applications

[kunwarsaluja]

@FrancoisZhang From the authors perspective, how would they get the direct link to the tab ?

can we populate like an href or some thing that authors can copy and use the direct link anywhere they want to reference this tab (eg . header, footer, pages) ?

[FrancoisZhang]

@kunwarsaluja yes, that makes sense, I just pushed another commit which make the URL hash change while switch tabs, so that author can get the URL by that

[aem-code-sync[bot]]

Page	Score	PSI Audit	Google
/pages/applications

[aem-code-sync[bot]]

Page	Score	PSI Audit	Google
/pages/applications