What’s actually slowing this PC down?

Pick the symptom - the matching free tool is one click away.

Special offer. See more information about Outbyte and uninstall instructions. Please review EULA and Privacy policy.

In SharePoint in Microsoft 365, “drop-down sections” are called collapsible sections. To create one on a modern page, edit the page, select the section, open its properties, and turn on Make this section collapsible. Then choose a title and whether the section starts expanded or collapsed.

This feature hides or reveals content within a page; it is different from a drop-down site-navigation menu. You do not need a custom web part or JavaScript to create a collapsible section.

How to create a collapsible section in SharePoint

These steps apply to a modern SharePoint page in SharePoint in Microsoft 365.

  1. Open the SharePoint page where you want the expandable content.
  2. Select Edit at the top right of the page.
  3. Select the section you want to make collapsible. To add a new section, use the circled-plus control, select + Section, and choose the number of columns.
  4. Select Edit Properties in the section toolbar, or select Properties on the right side of the page.
  5. In Section properties, turn on Make this section collapsible.
  6. Configure the title, divider, icon alignment, and default display as needed.
  7. Add content, such as Text, Quick Links, Documents, or other web parts, inside the section.
  8. Select Publish for a new page or Republish for an existing published page.

You can make an existing section collapsible; creating a new section is not required. Each section is configured separately, so repeat the process for each section that should behave as a drop-down.

Special offer. See more information about Outbyte and uninstall instructions. Please review EULA and Privacy policy.
#1 Best Overall
Forvencer 24 Pocket Project Organizer, 1/3-cut Tab Binder Organizer with Sticky Labels, Multi Pocket Folder with Zipper Pouch, Folder Binder Spiral Pocket Notebook, Office Supplies, Letter Size, Pink
  • High-efficiency Paper Organizer: 24 pockets, 12 dividers with 1/3-cut assorted tabs in bright colors, and 48 blank viewable sticky labels. Super handy for quick referencing. Perfect for categorizing and organizing projects, homework, assignments or other important documents.
  • Sturdy & Durable Spiral Binder: Made of sturdy polypropylene, tear-proof, water-resistant, archival safe, and PVC free. The bigger binder ring greatly improves its long-lasting performance, allowing you to insert more papers, lay flat and stay open.
  • Large Capacity: Contains 24 pockets, each pocket can hold 30-40 sheets of paper. Total about 960 sheets, enough for you to organize and classify. An inner clear zipper pouch & back pocket for extra storage to hold small items, keep you more organized. Perfect for desktop filing and on-the-go use.
  • Additional Pocket & Special Non-slip Tabs & Customizable Cover: The additional pocket on the back of the cover is perfect for labels, calendars, and bills. Special non-slip tabs inside of the folder, restrain the top corner of your papers slides out. Customizable front cover allows for complete customization of your folder with ease.
  • Efficient Locating & Categorizing: Using extra 48 sticky labels customize your folder tabs, increase your efficiency in finding and locating files. You can also write on viewable tabs and erase when you need to change. Make workflow easier. Suitable for home, office and classroom.

Configure the section’s title and default state

After you turn on Make this section collapsible, configure how the section looks and behaves.

Setting What it controls
Show section title Turns the section heading on or off.
Section title The text shown at the top of the section, such as “Frequently asked questions” or “Project documents.”
Heading level Sets the heading level used for the section title.
Show divider line between sections Turns the line separating this section from adjacent sections on or off.
Icon alignment Places the expand/collapse icon on the Left or Right.
Default display Sets the initial state to Expanded or Collapsed.

Enter a descriptive title and set Default display to Collapsed if the page should initially show only the heading. Choose Expanded if visitors should see the section’s contents immediately. The title is optional, but without one users may not know what the hidden content contains.

Add web parts to the collapsible area

Add web parts to the section’s columns in the normal way. For example, a “Project resources” section could contain a Quick Links web part, while an “Additional details” section could contain text or documents.

The setting applies to the whole section, including all its columns and web parts. If you need independently expandable groups, put each group in its own section and configure each section separately.

Special offer. See more information about Outbyte and uninstall instructions. Please review EULA and Privacy policy.
Rank #2
Sale
SKYDUE 3 Ring Binder with Clipboard, 13.2" × 10.2" Faux Leather 1 Inch Binder Organizer with 5 Pocket Dividers, Notepad, Labels & 2 Storage Pockets for Teachers, Students, Nurses & Office Work
  • Powerful Organizer: PU 3 ring binder includes two interior pockets, 5 plastic colored file dividers with 5 pockets that fit letter-sized papers, a pen loop that can easily hold the pen, and 14 labels for orderly classification
  • Easy to carry: SKYDUE letter-sized clipboard binder is smaller, lighter, and more convenient to carry compared to an A4-sized binder, and fits most school bags and briefcases. A letter-size 26-page notepad for note-taking and to-do list
  • Premium Material: SKYDUE clipboard with storage made of premium PU leather material, waterproof, wear-resistant, and easy to clean up. Sturdy 1 inch 3 ring binder could hold more documents. The metal clip provides a firmer grip, and the elastic band closes easily
  • Multifunction: SKYDUE 3 ring binder 1 inch with clipboard, folders, lined notepad, and storage pockets, can be used as a nursing clipboard, teacher clipboard, or student notebook folder
  • Practical Offering: SKYDUE binder with the clipboard is an essential school office supply, you can give it to your friends, children, parents, and lovers as a Christmas, birthday, thanksgiving, or New Year's choice

Use different default states on one page

Because collapsibility is configured per section, you can have one section expanded and another collapsed. If a published section opens with its content visible, check that its Default display is set to Collapsed.

What to do when the setting is missing

If Make this section collapsible does not appear, check these possibilities:

  • You are not editing a modern page. Select Edit and make sure the page is a modern SharePoint page.
  • You selected a web part, not its section. Select the surrounding section border or area, then open its properties.
  • You are looking in the wrong properties panel. Select the section first, then use Edit Properties in the section toolbar or Properties on the right side.
  • The site is running SharePoint Server 2019 or SharePoint Server Subscription Edition. Microsoft’s documentation says collapsible sections are not available in these editions.
  • Your organization has not received the feature yet. Microsoft releases some functionality gradually, including through Targeted Release, so the option may not appear in every tenant at the same time or may look slightly different.

Check the page type, SharePoint edition, and selected page element first. Microsoft may also change the location or wording of controls during a staged rollout.

Common mistakes

Looking for a “Drop Down” web part

Use a page section and enable Make this section collapsible. This is not the same as a drop-down site-navigation menu, which is configured separately. Modern SharePoint navigation uses cascading or mega menu styles.

Special offer. See more information about Outbyte and uninstall instructions. Please review EULA and Privacy policy.
Rank #3
Forvencer Binder Pocket, 10 Pack Super Heavyweight Plastic Binder Folders
  • Easy Storage: 3-hole punched to fit standard 3-ring binders. Available in 5 transparent colors. Portable and great for keeping items organized and clutter-free—ideal for documents and small office supplies.
  • Extra Durable: Made from sturdy, acid-free polypropylene for long-lasting use. The side-loading pocket features a secure closure to keep contents safe while allowing easy access.
  • Large Capacity: Measures 8.6 x 11.6 inches, perfectly fitting letter-size documents (8.5" x 11"). Holds over 50 sheets with ease. Great for storing documents, stationery, charts, invoices, accessories, home supplies, photos, and teacher supplies, high school supplies,college school supplies.
  • Quick & Easy Identification: A mini label pocket on the outside helps classify and identify documents effortlessly.
  • Stackable & Portable: Designed with a space-saving closure, these binder pockets stack neatly to save space. Fits easily into briefcases or bags, protecting your documents on the go.

Following old Script Editor instructions

Instructions that rely on adding a Script Editor web part are outdated for modern SharePoint pages. Microsoft says the Script Editor and Content Editor web parts are not available on modern pages. For custom behavior, use a supported custom web part or SharePoint Framework solution.

Expecting the section to start collapsed

Enable the feature and then set Default display to Collapsed. These are separate choices.

Expecting a title or divider automatically

The section title and divider line have their own controls. Turn on the title option and enter a heading; turn on Show divider line between sections if you want a divider.

When collapsible sections are useful

Collapsible sections work well when a page contains content that is helpful but should not dominate the initial view:

Special offer. See more information about Outbyte and uninstall instructions. Please review EULA and Privacy policy.
Rank #4
Sale
SKYDUE 1 Inch 3-Ring Binder with Clipboard, PU Aesthetic Binder with 5 Dividers, Notepad, Stickers & Pockets for Work and School (Letter Size)
  • Powerful Binder Organizer: PU 3-ring binder includes two interior pockets, 5 colored file dividers with 5 pockets, a 25-sheet notepad, 2 binder pockets, and 14 classification labels. An all-in-one solution for keeping files neatly organized and easily accessible
  • Portable & Convenient: SKYDUE letter-sized clipboard binder is smaller, lighter, and more convenient to carry, fitting easily into standard school backpacks and work briefcases
  • Premium Material: SKYDUE clipboard with storage made of premium PU leather material, waterproof, wear-resistant, and easy to clean. A sturdy 1-inch 3-ring binder could hold more documents. The metal clip provides a firmer grip, and the elastic band closes easily
  • Multifunction: Combines a 1-inch binder, writable clipboard surface, organizational dividers, storage pockets, and notepad. It can be used as a nursing clipboard, a teacher clipboard, or a student notebook folder
  • Practical Offering: SKYDUE binder with the clipboard is an essential school office supply. You can give it to your friends, children, parents, and lovers as a back-to-school, Christmas, Thanksgiving, or New Year's choice
  • Frequently asked questions
  • Detailed procedures beneath a short summary
  • Policies and supporting explanations
  • Project resources and reference links
  • Department information grouped by audience
  • Long instructions with optional troubleshooting steps

Use short, descriptive headings rather than generic labels such as “Details” or “More.” A visitor should be able to decide whether to open a section from its title alone.

Independent reader supportYour contribution helps us test, update, and keep practical guides available for everyone.Support on Ko-Fi

FAQ

Can I create a SharePoint drop-down section with HTML or JavaScript?

You do not need either for a collapsible section on a modern SharePoint page in Microsoft 365. Select the section, open its properties, and turn on Make this section collapsible.

Can an existing SharePoint section be made collapsible?

Yes. Edit the page, select the existing section, choose Edit Properties or Properties, and enable Make this section collapsible.

How do I make the section load closed?

In the section properties, set Default display to Collapsed. Enabling collapsibility by itself does not set the initial state to closed.

Free tools Windows power users keep installed

One-click scans. No signup required.

Special offer. See more information about Outbyte and uninstall instructions. Please review EULA and Privacy policy.
Best Value
MINDEPOT Desk File Organizer Folder Holder with 5 Vertical for Office Black
  • Multifunctional Magazine Holder: MINDEPOT file rack can hold magazines, files, binders, books and a variety of office supplies, our vertical file organizer is the perfect practical storage solution for home, office and school.
  • All-in-one Desktop Oganizer: This book organizer with 5 vertical use spaces can effectively organize your workspace, provide easy access to important items and increase your work efficiency.
  • Easy Assembly: Vertical file holder can be assembled successfully in just a few minutes. Comes with illustrated instructions, no need to worry about assembly and use. Carrying handle design, easy to carry anywhere.
  • High Quality Office Organization: Our desk organizers are made of sturdy metal mesh, which is not deformed by long-term use and has a better load-bearing capacity compared with plastic material binder holder.
  • Space Saving: 16.1 "L x 10 "W x 11.6 "H.Vertical space structure saves space. Clear divisions make it possible to categorize items clearly and to keep the desktop tidy.

Can each section have a different default state?

Yes. The setting is applied per section, so one section can default to expanded while another defaults to collapsed.

Why can’t I find Make this section collapsible?

Confirm that you are editing a modern SharePoint page in Microsoft 365 and have selected the section rather than a web part. The feature is unavailable in SharePoint Server 2019 and SharePoint Server Subscription Edition, and Microsoft may still be rolling it out to some organizations.

Is a collapsible page section the same as a drop-down navigation menu?

No. A collapsible section hides or reveals content within a page. Site navigation is configured separately and can use cascading or mega menu styles.

Does a collapsible section need a title?

No. A title is optional, but a descriptive section title helps users identify the hidden content.

Special offer. See more information about Outbyte and uninstall instructions. Please review EULA and Privacy policy.

The Bottom Line

To create a SharePoint “drop-down” section, edit a modern Microsoft 365 SharePoint page, select or add a section, open Section properties, and enable Make this section collapsible. Add a title and choose Collapsed or Expanded under Default display. The feature is not available in SharePoint Server 2019 or SharePoint Server Subscription Edition.

Product prices and availability are accurate as of the date/time indicated and are subject to change. Any price and availability information displayed on Amazon at the time of purchase will apply.