Accordion | Leeds Beckett University

Manage your preferences

The Leeds Beckett website is designed to enable you to manage your own privacy preferences. By clicking on 'Cookies' below you can manage what data the site collects about your browsing. This will only maintain if you are on your own device or using a synched version of your chosen browser. If you are using a shared or public machine without synching your browser then there is no need to change the preferences.

Our site is built with accessibility in mind and we seek to adhere to the WACG AA levels of compliance for digital accessibility. To support that we have provided instructions on managing animations below.

Cookies

Necessary Cookies
Necessary cookies enable you to use all the different parts of leedsbeckett.ac.uk. Without them services that you have asked for cannot be provided. Necessary cookies can only be disabled by changing your browser preferences.
Analytical Cookies
Analytical cookies help us understand how people are using our websites, so we can improve them and provide a better user experience. We also sometimes get our approved partner companies to analyse how people are using Leeds Beckett Websites and they may set their own analytical cookies in order to do this.
Marketing Cookies
Marketing cookies allow us to provide you with online adverts that are the most relevant and useful for you.
For more information please view our Privacy Policy

Animations & Interaction

The Leeds Beckett University website occasionally uses animations to page elements and animated gifs to add impact to pages. If you wish to stop them from playing for accessibility purposes or for personal preference then please see the guidance below. Please note that browsers sometimes change how they operate, so please refer to your browser help files to find their latest information.
How do I turn off animations?

Chrome

Chrome users will need to use browser extensions. Animation Policy from Google will help you set your own preferences.

Microsoft Edge

There is currently no way to disable animations within Microsoft Edge. Users of Edge (Chromium) browser can install the Chrome extensions above and use them.

Internet Explorer

To stop animations on a single page you can just press the 'Esc' key. This will stop the animation on that page. If you wish to restart the animations you need to refresh the page. To permanently disable the playing of animated GIF images, open Internet Options > Advanced tab. Under the Multimedia section, uncheck the Play animations in webpage check-box, click Apply and Exit and then restart your computer.

Firefox

Type about:config in Firefox address bar and hit Enter to open Settings. Search for the image.animation_mode flag and change its value from Normal to None. Once you restart Firefox this will disable animations.

The accordion component lets users show and hide sections of related content on a page.

This component is helpful to avoid long, scrolling pages if you have a lot of information to publish. This will help our users to quickly find information relative to their needs but do be careful not to hide any essential content that could be missed.

This component includes:

Title
Description
Accordion section(s)
2 x CTA button in each section
Document download(s) in each section
Image and caption in each section

Who can use this component?

Any Sitecore publishers

Accordion video guide Taken from training session on 01/12/22

Sitecore - accordions and FAQs training video

Accordion component in action

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut egestas semper viverra. In gravida neque id neque molestie iaculis. Vivamus ac tincidunt nulla, eu tincidunt eros.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

CTA button

Components lib Link to same page

components lib

Accordion component in action

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut egestas semper viverra. In gravida neque id neque molestie iaculis. Vivamus ac tincidunt nulla, eu tincidunt eros.

CTA button

Components lib Link to same page

components lib

Accordion component in action

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut egestas semper viverra. In gravida neque id neque molestie iaculis. Vivamus ac tincidunt nulla, eu tincidunt eros.