Skip to content

DigitalA11Y

Your Accessibility Partner

  • Home
  • ServicesExpand
    • Accessibility Audits
    • VPAT & ACR
    • Accessibility Consulting
    • Mobile Accessibility Audit
    • Design Reviews
    • Document Remediation
    • Accessibility Training
    • Ongoing Accessibility Support
  • Solutions
  • ResourcesExpand
    • A11Y Articles
    • Frequently Asked Accessibility Questions
    • WCAG Primer
    • ARIA Cheatsheet
    • A11Y Tools
    • A11Y Patterns
    • A11Y Cheatsheets
    • Free ToolsExpand
      • Accessibility Checker
      • A11Y Cost Calculator
      • A11Y Bookmarklets
      • Color Contrast Extension
      • WCAG Contrast Checker
  • Contact
Search
DigitalA11Y
Your Accessibility Partner
Search

Marking an Element Expandable using a Checkbox

Please click the following checkbox.

Thanks for toggling! Please click again to hide me.

Code

  • HTML
  • CSS
  • JavaScript
<p>
  Please click the following checkbox.
</p>
<input id="checkbox" type="checkbox" /><label for="checkbox">Show tooltip</label>
<div hidden="" id="tooltip">
  Thanks for toggling! Please click again to hide me.
</div>
NIL
(function() {
  $(document).ready(function() {
    var $checkbox, $tooltip;
    $checkbox = $("input");
    $tooltip = $("#tooltip");
    return $checkbox.change(() => {
      if ($tooltip.attr("hidden") === "hidden") {
        return $tooltip.removeAttr("hidden");
      } else {
        return $tooltip.attr("hidden", true);
      }
    });
  });

}).call(this);

//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiPGFub255bW91cz4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7RUFBQSxDQUFBLENBQUUsUUFBRixDQUFXLENBQUMsS0FBWixDQUFrQixRQUFBLENBQUEsQ0FBQTtBQUNsQixRQUFBLFNBQUEsRUFBQTtJQUFFLFNBQUEsR0FBWSxDQUFBLENBQUUsT0FBRjtJQUNaLFFBQUEsR0FBVyxDQUFBLENBQUUsVUFBRjtXQUVYLFNBQVMsQ0FBQyxNQUFWLENBQWlCLENBQUEsQ0FBQSxHQUFBO01BQ2YsSUFBRyxRQUFRLENBQUMsSUFBVCxDQUFjLFFBQWQsQ0FBQSxLQUEyQixRQUE5QjtlQUNFLFFBQVEsQ0FBQyxVQUFULENBQW9CLFFBQXBCLEVBREY7T0FBQSxNQUFBO2VBR0UsUUFBUSxDQUFDLElBQVQsQ0FBYyxRQUFkLEVBQXdCLElBQXhCLEVBSEY7O0lBRGUsQ0FBakI7RUFKZ0IsQ0FBbEI7QUFBQSIsInNvdXJjZXNDb250ZW50IjpbIiQoZG9jdW1lbnQpLnJlYWR5IC0+XG4gICRjaGVja2JveCA9ICQoXCJpbnB1dFwiKVxuICAkdG9vbHRpcCA9ICQoXCIjdG9vbHRpcFwiKVxuICBcbiAgJGNoZWNrYm94LmNoYW5nZSA9PlxuICAgIGlmICR0b29sdGlwLmF0dHIoXCJoaWRkZW5cIikgPT0gXCJoaWRkZW5cIlxuICAgICAgJHRvb2x0aXAucmVtb3ZlQXR0cihcImhpZGRlblwiKVxuICAgIGVsc2VcbiAgICAgICR0b29sdGlwLmF0dHIoXCJoaWRkZW5cIiwgdHJ1ZSkiXX0=
//# sourceURL=coffeescript

Company

  • About
  • Blog
  • Careers
  • Contact

Services

  • Accessibility Audits
  • Accessibility Consulting
  • VPAT/ACR
  • Accessibility Trainings

Compliance

  • WCAG
  • ADA
  • Section 508
  • EN 301 549
  • EAA
  • AODA
  • ACA

Resources

  • A11Y FAQs
  • Understanding WCAG
  • WCAG Checklist
  • Understanding WAI-ARIA

Legal

  • Privacy Policy
  • Terms and Conditions
  • Disclaimer
  • Accessibility Statement
  • Sitemap

© 2026 DigitalA11Y
All Rights Reserved

Linkedin Twitter Facebook Instagram YouTube

DigitalA11Y
Plot No 108, 3rd Cross Rd, Saipuri Colony,
Hastinapuri Colony, Sainikpuri, Secunderabad -500094
Telangana, India.

Tel:(+91)99082 66680,
E-mail: hello@digitala11y.com

Scroll to top
  • Home
  • Services
    • Accessibility Audits
    • VPAT & ACR
    • Accessibility Consulting
    • Mobile Accessibility Audit
    • Design Reviews
    • Document Remediation
    • Accessibility Training
    • Ongoing Accessibility Support
  • Solutions
  • Resources
    • A11Y Articles
    • Frequently Asked Accessibility Questions
    • WCAG Primer
    • ARIA Cheatsheet
    • A11Y Tools
    • A11Y Patterns
    • A11Y Cheatsheets
    • Free Tools
      • Accessibility Checker
      • A11Y Cost Calculator
      • A11Y Bookmarklets
      • Color Contrast Extension
      • WCAG Contrast Checker
  • Contact