Understanding the Anatomy of the Human Body: A Comprehensive Guide for Patients

Written by:
Scientifically reviewed by:
Audio file embed

Understanding the Anatomy of the Human Body: A Comprehensive Guide for Patients

When your doctor or physical therapist talks about your "rotator cuff," "anterior cruciate ligament," or "intervertebral discs," do you really understand what they mean? You're not alone. Most patients receive medical explanations filled with anatomical terms without having the basic knowledge to understand them properly.

Here's the good news: understanding your anatomy doesn't require becoming a medical expert. The basic concepts are simpler than you might think, and this knowledge transforms your approach to pain and improves your treatment outcomes.

As physical therapists, we explain anatomy to our patients every day. Research shows that patients who understand their anatomy adhere better to treatment recommendations and recover more quickly. This guide presents the basics in accessible language: the major regions of the body (shoulder, knee, back), the different types of tissue (muscles, tendons, ligaments, bones), how they work together, and why certain structures heal more slowly. You will discover how this knowledge helps you better understand your condition and communicate with your healthcare professionals.

This article hub introduces 27 detailed articles on specific regions and structures. You can explore each topic in greater depth according to your needs.

What is the anatomy of the human body?

Anatomy is the science that studies the structure of the human body: bones, muscles, tendons, ligaments, nerves, and other tissues. Understanding anatomy helps you better understand your pain, communicate with healthcare professionals, and actively participate in your treatment.

Anatomy vs. physiology: What's the difference?

Anatomy studies structure (what and where), describing body parts, their shape, and position. Physiology studies function (how it works), explaining processes and mechanisms. The two are complementary: to understand why your shoulder hurts, you need to know its structure and how it works. This guide focuses on anatomy, with elements of physiology when they help explain injuries and healing.

Why patients benefit from anatomical knowledge

Understanding your anatomy improves communication (you understand medical terms), reduces anxiety (knowledge reduces uncertainty), increases adherence to treatment (you understand the "why" behind the exercises), and promotes active participation (you become a partner in your care).

Studies confirm these benefits: educating patients about their musculoskeletal condition improves clinical outcomes and reduces chronicity, with less need for costly long-term interventions.

How anatomy relates to your pain

Pain is an alarm signal indicating that a specific structure is affected. Understanding anatomy explains why it hurts (inflammation sensitizes nerve receptors), why certain movements aggravate pain (stretching or compressing inflamed structures), and why treatment sometimes targets distant areas (weakness in the hip can cause knee pain).

To learn more about how it works overall, see the musculoskeletal system.

What are the major regions of the human body?

The human body is divided into three major musculoskeletal regions: the upper limb (shoulder, elbow, wrist, hand), the lower limb (hip, knee, ankle, foot), and the spine (neck, back, pelvis). Each region has unique structures and functions.

The upper limb: From the shoulder to the hand

The upper limb allows you to manipulate your environment: reaching, lifting, throwing, writing, cooking. It consists of four main regions.

The shoulder is the most mobile joint in the body. This mobility reduces stability, explaining the frequency of injuries. The shoulder comprises several bones, numerous muscles (including the rotator cuff), and several joints working together. Common injuries: tendonitis of the rotator cuff, capsulitis, instability. Consult our guide to shoulder anatomy. The elbow allows flexion/extension of the arm and rotation of the forearm. Three bones meet here: humerus, radius, and ulna. Common problems: lateral epicondylitis (tennis elbow) and medial epicondylitis (golfer's elbow). See our article on the structure of the elbow. The wrist comprises eight small bones (carpal bones) that enable flexion, extension, and lateral movements. Vulnerable to sprains, fractures, and carpal tunnel syndrome. Our guide to the anatomy of the wrist explains this complex relationship. The hand contains 27 bones, allowing for fine dexterity and gripping strength[5]. The intrinsic muscles control precise movements, while the extrinsic muscles generate force. Common injuries include fractures, sprains, osteoarthritis, and tendonitis. Read our article on the anatomy of the hand.

The lower limb: From the hip to the foot

The lower limb supports your weight, allows you to move around, and maintains your balance. It also comprises four main regions.

The hip is a ball-and-socket joint that supports the weight of the trunk and has a wide range of motion. The femoral head fits into the acetabulum (hip socket). Unlike the shoulder, the hip prioritizes stability thanks to its deep shape. Common problems: bursitis, tendinitis, osteoarthritis. See our guide to hip anatomy. The knee is the largest joint in the body, comprising three joints and stabilized by four main ligaments (ACL, PCL, MCL, LCL). The menisci act as shock absorbers[6]. Common injuries: ligament sprains, meniscus tears, tendinitis, osteoarthritis. Our article on the anatomy of the knee explains this complex relationship. The ankle supports weight when walking and allows flexion, extension, inversion, and eversion. The talocrural joint and several ligaments provide stability. Sprains (especially lateral ligaments) are very common. Consult our guide on the ankle. The foot contains 26 bones, 33 joints, and over 100 muscles, tendons, and ligaments. It absorbs shock, adapts to surfaces, and propels the body. The arch of the foot absorbs impact. Common problems: plantar fasciitis, bunions, stress fractures, tendonitis. See our article on the foot.

The spine and trunk: The central pillar

The spine protects the spinal cord, supports the weight of the upper body, and allows movement of the trunk. It consists of 33 vertebrae divided into five regions.

The cervical spine (neck) contains seven vertebrae (C1 to C7). The first two vertebrae allow the head to rotate. This highly mobile region is vulnerable to sprains and hernias. The "head forward" posture significantly increases the load on the neck. Consult cervical vertebrae and the structure of the neck. The thoracic spine has 12 vertebrae (T1 to T12) connected to the ribs. Less mobile than the neck or lower back, it is more stable but prone to stiffness. The rib cage protects vital organs. Chest pain is often postural. The lumbar spine (lower back) comprises five large vertebrae (L1 to L5) that support heavy loads. Subject to heavy strain, 80% of adults will suffer from low back pain[10]. Lumbar discs are vulnerable to herniation. See our backpack and the spine. The sacrum (5 fused vertebrae) connects the spine to the basinThe sacroiliac joints often cause lumbopelvic pain. The tailbone can be painful after a fall. Read our article on the spine. Table 1: Body regions, function, and common injuries

Region

Primary function

Common injuries

Shoulder

Mobility, impairment, manipulation

Tendonitis, capsulitis, instability

Knee

Weight support, flexion, extension

ACL sprain, meniscus, patellofemoral syndrome

Back

Posture, soft tissue protection, trunk mobility

Herniated disc, low back pain, sciatica

Ankle

Stability, terrain adaptation, propulsion

Lateral sprain, Achilles tendinitis, fracture

It's normal not to know what to do with your pain.

We were never taught this. Our newsletter helps you understand what your body is trying to tell you and how to respond.

I'm signing up

To better understand my pain

10 mini-tips to understand your pain

Those who have had the greatest impact on my patients' lives. 1 per day, 2 min.

What are the different types of tissue in the body?

The body contains seven main types of tissue: muscles (movement), tendons (connect muscle to bone), ligaments (connect bone to bone), bones (support), cartilage (cushioning), fascia (envelope), and nerves (communication). Each has a specific function.

Muscles: The engines of movement

Skeletal muscles generate the force for movement. You have approximately 650 muscles, representing 40% of your body weight[11]. A muscle comprises thousands of fibers containing contractile proteins (actin, myosin) that slide to shorten the muscle. Muscles are voluntarily controlled and richly vascularized, accelerating their healing (2 to 6 weeks)[12].

Common injuries : strain, tear, contusion, cramps. Consult our article on muscles.

Tendons and ligaments: The connectors

Although they look similar, tendons and ligaments have different roles.

The tendons connect muscles to bones, transmitting muscle strength. Composed of dense, inelastic collagen, they have few blood vessels, slowing down healing (3 to 6 months for tendinitis). Injuries: tendinitis, tendinosis, ruptures. Our guide to tendons explains this slow recovery. Ligaments connect bones to each other and stabilize joints. Their interwoven fibers provide multidirectional strength. They contain mechanoreceptors that detect joint position and movement. Poor vascularization: slow healing (6 to 12 months). Sprains are classified as grade 1 (stretch), grade 2 (partial tear), or grade 3 (complete tear). See our article on ligaments.

Bone, cartilage, and fascia: The supporting structures

The bones form the skeleton that supports and protects the body (206 bones in adults). As living tissue that is constantly remodeling itself, it stores minerals and produces blood cells[15]. Vascularized via the periosteum, fractures heal in 6 to 12 weeks. Problems: fractures, osteoporosis, tumors. Read our guide on bone tissue. Cartilage covers the ends of bones, reducing friction and absorbing shocks. Avascular, it is nourished by diffusion from the synovial fluid[16]. This absence of blood vessels makes healing extremely slow or impossible. Osteoarthritis (cartilage wear) is chronic and progressive. Our article on cartilage explains this problem. The fascia is a network that envelops muscles, organs, and structures. It transmits mechanical tension, allows muscle sliding, and contains nerve receptors[17]. Fascial adhesions limit mobility. Myofascial release techniques target this tissue. See our guide to fascia.

Nerves: The communication system

Nerves transmit electrical signals between the brain and the body. Motor nerves transmit commands to the muscles, triggering movement. Sensory nerves transmit sensory information (touch, temperature, pain, position) to the brain.

Nerves are protected by a myelin sheath that accelerates transmission. Vulnerable to compression, stretching, and trauma, nerve injuries cause numbness, tingling, weakness, and radiating pain. Our article on the nervous system explains these structures.

Table 2: Types of tissue, function, healing time, and common injuries

Fabric

Function

Healing

Injuries

Muscle

Generates movement

2-6 weeks

Tear, strain, contusion

Tendon

Transmits muscle strength

6-12 weeks

Tendinitis, tendinosis, rupture

Ligament

Stabilizes joints

6-12 weeks

Grade 1-3 sprain, tear

Bone

Support and protection

6-12 weeks

Fracture, osteoporosis

Cartilage

Cushions and reduces friction

Years or never

Osteoarthritis, meniscus/labrum tear

Fascia

Connects and envelops

Variable

Adhesions, restrictions

Nerve

Transmits electrical signals

Variable

Compression, neuropathy, stretching

To understand how all these tissues fit into the overall functioning of the body, read our article on the musculoskeletal system. To learn how bones articulate with each other, see our guide to joints.

How do muscles, tendons, and ligaments work together?

Muscles contract to create movement. Tendons transmit this muscle force to the bones. Ligaments stabilize the joints during movement. This collaboration allows for controlled and safe movements while protecting the joints from injury.

Muscle contraction: How movement begins

Movement begins with a nerve signal from the brain to the muscle. This signal causes contractile proteins (actin and myosin) to slide, shortening the muscle fiber. When thousands of fibers shorten simultaneously, the muscle generates force.

Force transmission through tendons

Tendons act like cables, transmitting muscle force to the bone. Their dense, inelastic structure allows for efficient transmission. Example: contraction of the biceps pulls on the tendon, which pulls on the radius, flexing the elbow.

Stabilization by ligaments

Ligaments connect bones and limit excessive movement. In the knee, collateral ligaments (MCL, LCL) prevent lateral movement, while cruciate ligaments (ACL, PCL) prevent anterior/posterior sliding. They contain proprioceptive receptors that send information to the brain to adjust stability.

The complete example: Bend the knee

  • Nerve signal to hamstrings
  • Muscle contraction (shortening)
  • Tendons pull the tibia backward
  • Tibia pivots, bending the knee
  • Ligaments maintain alignment
  • Quadriceps relax in a controlled manner

The result: controlled, safe, and precise movement. This coordination is repeated thousands of times a day. An injury to a single structure (inflamed tendon) affects the entire system: the muscle may be strong, but if the tendon is painful, the force is not transmitted effectively.

How do the joints in the body work?

Joints are junctions between two or more bones, allowing movement. Cartilage covers the bone surfaces to reduce friction. Synovial fluid lubricates the joint. Ligaments and the joint capsule provide stability while allowing mobility.

The structure of a typical joint

Mobile (synovial) joints share a common structure: joint surfaces (covered with hyaline cartilage to reduce friction), joint capsule (sealed envelope), synovial fluid (lubricates and nourishes the cartilage), ligaments (limit excessive movement), muscles and tendons (control movement). Some joints contain specialized structures: menisci (knee), intervertebral discs (spine), and bursae[19].

The different types of joints

Hinge Flexion/extension in one plane (elbow, knee, fingers). Priority given to stability. Ball joint : Multidirectional movements (shoulder: maximum mobility, hip: balance between mobility and stability). Pivot Rotation around an axis (atlas-axis in the neck). Planes : Subtle multidirectional shifts (wrist carpals, vertebral facets).

The balance between mobility and stability

Each joint represents a compromise: more mobile, less stable, and vice versa.

The shoulder favors mobility (shallow cavity), frequently dislocating. It depends on muscles and ligaments for stability[20]. The hip Balance between mobility and stability (deep socket). Dislocations are rare except in cases of major trauma. The knee Optimizes stability during flexion/extension but can withstand enormous loads (3-4 times body weight). Vulnerable to torsional forces (ACL sprains during pivots). Table 3: Joint types, permitted movements, and examples

Type of joint

Permitted movements

Examples

Priority

Hinge

Flexion/Extension (1 plane)

Elbow, knee, fingers

Stability

Ball-and-socket joint

Multidirectional

Shoulder, hip

Mobility

Pivot

Axial rotation

Neck (atlas-axis)

Rotation

Plane/Sliding

Subtle shifts

Wrist (carpal), vertebral facets

Complex movements

Why is it important to understand your anatomy?

Understanding your anatomy improves communication with professionals, helps you better follow treatment recommendations, reduces anxiety about pain, and allows you to understand why certain movements cause or relieve your symptoms.

Improved communication with professionals

Medical vocabulary can seem like a foreign language. Understanding anatomy turns these terms into clear concepts. When your physical therapist says "supraspinatus tendinopathy with subacromial impingement," you now understand: the tendon of a rotator cuff muscle is damaged and gets stuck under the acromion. You can ask relevant questions and become an active partner in your care. Check out our guide to types of physical therapy.

Better adherence to treatment

Approximately 50% of patients do not follow their exercise program, often because they do not understand the purpose. Understanding that your knee pain stems from hip weakness motivates you to do the prescribed exercises. You understand the "why." Without this knowledge, the exercises seem arbitrary and adherence drops. Anatomical knowledge improves compliance and results.

Reduction of anxiety and fear

Pain is frightening, especially when you don't understand the cause. Anxiety and kinesiophobia aggravate and prolong musculoskeletal problems.

Understanding anatomy reduces this anxiety: you realize that pain does not always mean damage (tendinitis is irritated, not destroyed), you understand why certain movements are painful (logical and predictable), and you have confidence in healing (predictable phases: inflammation, proliferation, remodeling).

Patient education reduces fear-avoidance and improves long-term outcomes[3].

Active participation in your care

Understanding your anatomy transforms you into an active partner. You can identify aggravating activities and modify them, monitor your progress objectively, make informed decisions (see our guide on who we treat), and prevent recurrence by correcting contributing factors (overload, muscle imbalance, repetitive movements).

Taking control of your health improves long-term outcomes and reduces the need for costly services.

Need professional advice?

Our physical therapists can assess your condition and offer you a personalized treatment plan.

Book an appointment

How do the body's structures heal after an injury?

Healing occurs in three phases: inflammation (1-7 days), proliferation (7 days to 6 weeks), and remodeling (6 weeks to 12 months). Tissues with good vascularization (muscles) heal faster than avascular tissues (tendons, ligaments, cartilage).

Phase 1: Inflammation (1–7 days)

The inflammatory phase begins immediately after the injury. Blood vessels dilate, causing swelling. Immune cells clean up debris.

Why it is necessary Inflammation prepares the body for repair. Without it, healing cannot begin. Symptoms Pain, swelling, warmth, redness (cardinal signs). Normal and temporary. Treatment : Protection, relative rest, ice, elevation. Anti-inflammatory drugs for comfort, without completely eliminating inflammation.

Phase 2: Proliferation (7 days to 6 weeks)

Formation of new tissue to replace damaged tissue. Fibroblasts produce collagen, forming scar tissue. New blood vessels form.

Features Collagen is initially disorganized and weaker than the original tissue. Vulnerable phase. Treatment Controlled and gradual movement. Gentle movement stimulates collagen production and organizes the fibers correctly. Too much movement can re-tear the tissue. Not enough results in weak tissue.

Phase 3: Remodeling (6 weeks to 12 months or more)

Disorganized collagen gradually reorganizes itself along lines of mechanical tension. The tissue gradually becomes stronger.

Features : The scar tissue matures but will never reach 100% of its original strength (80-90%). Treatment : Gradual and specific loading. Gradually increase the intensity to train the new tissue. Returning too quickly increases the risk of re-injury.

The role of vascularization in healing

The key to healing speed: blood supply. Blood carries oxygen, nutrients, immune cells, and growth factors. The more vascularized a tissue is, the faster it heals.

Muscles : Richly vascularized (2-6 weeks). Bone : Well vascularized (6-12 weeks). Tendons/ligaments : Poorly vascularized (3-6 months). Cartilage : Avascular (almost impossible to repair).

This explains why tendonitis lasts for months while a muscle heals in weeks.

Table 4: Phases of recovery, duration, key processes, and treatment approach

Phase

Duration

Key process

Treatment approach

Inflammation

1-7 days

Cleaning, protection, introduction to repairs

Relative rest, ice, protection

Proliferation

7 days - 6 weeks

Collagen production, new tissue

Controlled movement, progressive load

Remodeling

6 weeks - 12+ months

Fiber reorganization, reinforcement

Specific progressive load, functional return

Why do some tissues heal more slowly than others?

Tissues with good blood circulation (muscles) heal quickly because blood brings oxygen and nutrients. Tendons and ligaments have fewer blood vessels, slowing down healing. Cartilage is avascular (without blood), so its healing is very limited.

Vascularization determines the speed of healing.

Vascularization is the main factor determining the speed of healing.

Muscles (2-6 weeks) : Dense network of capillaries. Oxygen and nutrients arrive quickly. Bones (6-12 weeks) : Vascularized via the periosteum and Haversian canals. Sufficient blood supply. Tendons/ligaments (minimum 6-12 weeks) : Few blood vessels (periphery only). The center receives nutrients through slow diffusion. Tendinitis: 3-6 months. Grade 3 sprain: 6-12 months to regain 80-90% of strength[23]. Cartilage (years or never) : No blood vessels. Depends on diffusion from synovial fluid. Damaged cartilage hardly regenerates. Osteoarthritis is irreversible.

Clinical implications for patients

Understanding these differences changes your expectations.

Why is your tendonitis taking months to heal? Poor blood supply = slow healing. Patience is required. Why does your physical therapist insist on exercises even if you are in pain? Controlled movement improves local circulation, stimulates collagen production, and aligns fibers. Prolonged complete rest does not speed up healing; it can slow it down. Why doesn't osteoarthritis "heal"? Cartilage does not regenerate. Treatments manage symptoms and slow progression.

How to optimize healing

You cannot change vascularization, but you can optimize conditions:

Appropriate movement : Controlled and gradual, improves local circulation. Proper nutrition Protein, vitamin C, hydration. Avoid harmful factors Tobacco slows healing by 30-50%[24]. Stress and lack of sleep disrupt repair. Patience and realism Accepting that some tissues heal slowly reduces frustration and anxiety. Table 5: Tissue, vascularization, healing time, and explanation

Fabric

Vascularization

Healing time

Explanation

Muscle

High (dense capillary network)

2-6 weeks

Blood provides nutrients and repair cells

Bone

Elevated (periosteum, Haversian canals)

6-12 weeks

Complex but well-vascularized remodeling process

Tendon

Low (periphery only)

6-12 weeks minimum

Slow diffusion nutrition, few cells

Ligament

Low (periphery only)

6-12 weeks minimum

Slow-release nutrition, dense structure

Cartilage

None (avascular)

Years or never

No vessels, very slow diffusion

When should you learn about your body's anatomy?

The best time to learn about your anatomy is BEFORE an injury (prevention) or AS SOON AS pain begins (early understanding). Understanding your body early on facilitates discussions with professionals and speeds up your adherence to treatment.

The ideal time: BEFORE problems arise

The best approach is proactive. Learning about anatomy before a problem arises offers several advantages: informed prevention (understanding that the knee depends on the hip motivates strengthening), early recognition of problems (identifying early Achilles tendonitis and seeking prompt medical attention), and effective communication from the first appointment (accurately describing symptoms).

After a diagnosis: Understanding your condition

If you have an injury, now is the perfect time to learn about the relevant anatomy. Newly injured: learn about the affected structure to understand the treatment. Chronic pain: deepen your understanding—it's never too late. Pre-treatment: understanding the anatomy prepares you to get more out of your sessions.

During treatment: Active engagement

Learning anatomy during treatment improves engagement and results. You understand why a particular exercise targets a particular muscle, why certain movements should be avoided, and how to objectively measure your progress. This transforms you into an active participant, significantly improving results.

It's never too late

Even with chronic pain or treatment failures, learning anatomy helps. Knowledge reduces anxiety, improves communication, and enables more informed decisions.

Who can help you understand your anatomy?

Physical therapists are experts in functional anatomy and teach anatomy to patients on a daily basis. Doctors, orthopedists, and other healthcare professionals can also explain your condition. High-quality educational resources complement these professional explanations.

Physical therapists: Experts in functional anatomy

Physical therapists receive extensive university training in functional musculoskeletal anatomy: how structures produce movement and malfunction in the event of injury.

At Physioactif, we teach anatomy at every session. with anatomical models, diagrams, and accessible explanations. This education is an integral part of treatment. We excel at translating medical jargon into understandable terms.

Other healthcare professionals

Family doctors Overview, initial diagnosis, referral to specialists. Orthopedists : Surgeons specializing in musculoskeletal surgery, surgical expertise. Chiropractors/osteopaths : Spinal and joint anatomy, adjustments/manipulations. Kinesiologists Biomechanics and anatomy of movement.

The multidisciplinary approach offers the most comprehensive understanding.

Reliable educational resources

Guides written by qualified professionals supplement the explanations provided during consultations.

Beware of "Dr. Google" : Give preference to resources from recognized medical institutions, professional associations, or reputable clinics. Commercial websites and forums can spread myths. Consult our guide on how to choose a physical therapist. Popular anatomy books : Illustrated books useful for visuals.

The role of Physioactif as educators

Our mission goes beyond treating symptoms. We believe that empowering you with knowledge improves your immediate results and your long-term health.

This guide and the 27 detailed articles represent our commitment to patient education.

What are the next steps to deepen your knowledge?

Explore detailed articles on each area of the body (shoulder, knee, back, etc.) to deepen your knowledge. If you are currently experiencing pain, consult a physical therapist for an evaluation and personalized explanations about your condition.

Explore our 27 detailed anatomical articles

This guide covers the basics. Now explore our specialized articles to learn more.

Senior Member : Shoulder, elbow, hand, wrist. Lower Limb : Hip, knee, ankle, foot. Column and Trunk : Cervical vertebrae, spine, back, spine, rib cage, basin, neck. Types of Fabrics : Muscle, tendon, ligament, bone, cartilage, fascia, nerve, musculoskeletal system, joints. Additional Regions : Head, thorax, abdomen.

Consult a professional if you have pain.

These educational resources are not a substitute for a personalized professional assessment. If you are currently experiencing pain or limitations that affect your quality of life, consult a physical therapist.

Personalized assessment remains essential. Every person is unique. A professional assesses YOUR specific situation, identifies precisely the injured structure, and prescribes a tailored treatment plan. Schedule an appointment online at one of our five clinics in Greater Montreal.

Use your knowledge to communicate better

With a basic understanding of anatomy, you can ask informed questions, understand the answers (you have the conceptual framework to integrate the information), participate in treatment decisions, and improve your outcomes. Active engagement facilitated by understanding significantly improves outcomes.

Your journey toward understanding your body begins here. Explore, ask questions, stay curious.

References

Our clients' satisfaction is our priority.

At Physioactif, excellence defines our approach. But don't take our word for it, see what our patients are saying.

4.7/5
Fast Relief
4.9/5
Expertise
5/5
Listening

Discover our physiotherapy clinics

We have multiple locations to better serve you.

Book an appointment now

A man receives a relaxing muscle massage with a yellow strap support.
Main contents
Background image:
A man receives a relaxing muscle massage with a yellow strap support.
Instructions
If you intend to use this component with Finsweet's Table of Contents attributes follow these steps:
  • Remove the current class from the content27_link item as Webflows' native current state will automatically be applied.
  • To add interactions that automatically expand and collapse sections in the table of contents, select the content27_h-trigger element, add an element trigger, and select Mouse click (tap).
  • For the first click, select the custom animation Content 27 table of contents [Expand], and for the second click, select the custom animation Content 27 table of contents [Collapse].
  • In the Trigger Settings, deselect all checkboxes other than Desktop and above. This disables interaction on tablets and smaller devices to prevent bugs when scrolling.
Instructions
If you intend to use this component with Finsweet's Table of Contents attributes follow these steps:
  • Remove the current class from the content27_link item as Webflows' native current state will automatically be applied.
  • To add interactions that automatically expand and collapse sections in the table of contents, select the content27_h-trigger element, add an element trigger, and select Mouse click (tap).
  • For the first click, select the custom animation Content 27 table of contents [Expand], and for the second click, select the custom animation Content 27 table of contents [Collapse].
  • In the Trigger Settings, deselect all checkboxes other than Desktop and above. This disables interaction on tablets and smaller devices to prevent bugs when scrolling.