CSS: showOnlyWhen()

[faissaloux]

Helloooo 👋🏻

Summary

Since we usually on the case where we show/hide elements depending on some condition. In this PR I have added a new method showOnlyWhen() that will simplify this more.

Example

Before

const checkbox = $("#the-checkbox");
const otherElem = $("#the-other-element");

if (checkbox.attr("checked")) {
    otherElem.show();
} else {
    otherElem.hide();
}

After

const checkbox = $("#the-checkbox");
const otherElem = $("#the-other-element");

otherElem.showOnlyWhen(checkbox.attr("checked"));

Checklist

• New tests have been added to show the fix or feature works
• If needed, a docs issue/PR was created at https://github.com/jquery/api.jquery.com

If approved I'll be happy to add documentation for it.

[linux-foundation-easycla]

• ✅login: faissaloux / (07d4c6e)

The committers listed above are authorized under a signed CLA.

[mgol]

Thanks for the contribution but this can easily be done as a userland plugin. The "Before" version is not that complex either.

See:

• https://github.com/jquery/jquery/wiki/Adding-new-features
• https://github.com/jquery/jquery/wiki/API-design-guidelines