How do you make a collapsible in CSS?

Animated Collapsible (Slide Down)

  1. var i; for (i = 0; i < coll. length; i++) { coll[i]. addEventListener(“click”, function() { this.
  2. toggle(“active”); var content = this. nextElementSibling; if (content.
  3. style. maxHeight){ content. style. maxHeight = null;
  4. content. style. maxHeight = content. scrollHeight + “px”; }

How do you collapse a div in CSS?

Just add data-toggle=”collapse” and a data-target to the element to automatically assign control of one or more collapsible elements. The data-target attribute accepts a CSS selector to apply the collapse to. Be sure to add the class collapse to the collapsible element.

How do you expand text in CSS?

The font-stretch property allows you to make text narrower (condensed) or wider (expanded). Note: Some fonts provide additional faces; condensed faces and expanded faces. For these fonts, you can use the font-stretch property to select a normal, condensed, or expanded font face.

How do you collapse a div in HTML?

The . collapse class indicates a collapsible element (a in our example); this is the content that will be shown or hidden with a click of a button. To control (show/hide) the collapsible content, add the data-toggle=”collapse” attribute to an or a element.

How do I add a collapse Button in HTML?

To control (show/hide) the collapsible content, add the data-toggle=”collapse” attribute to an or a element. Then add the data-target=”#id” attribute to connect the button with the collapsible content ().

How do I stretch a font?

Stretch Text Horizontally

  1. Highlight the text you want to stretch.
  2. Select the “Home” tab, then click the small arrow in the Font section to open the Font dialog box.
  3. Select the “Advanced” tab.
  4. Increase the percentage value in the “Scale” field.

What is Aria expanded CSS?

aria-expanded – indicates that the button controls another component in the interface, and relays that component’s current state. aria-pressed – indicates that the button behaves similarly to a checkbox, in that it has its state toggles between being pressed or unpressed.