Skip to content

Instantly share code, notes, and snippets.

Created November 23, 2016 10:16
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
Star You must be signed in to star a gist
What would you like to do?
Control visibility of lightning component using slds-hide
<!-- Component Markup -->
<div aura:id="yourIdentifier">
<c:Your_Component />
* Controller Method
showComponent : function (component, event, helper) {
$A.util.removeClass(component.find("yourIdentifier"), "slds-hide");
hideComponent : function (component, event, helper) {
$A.util.addClass(component.find("yourIdentifier"), "slds-hide");
Copy link

This is great, didn't know about 'slds-hide'. I'd provide an improvement by using $A.util.toggleClass. Can simplify this to a single method like so:

toggleComponent : function (component, event, helper) {
	$A.util.toggleClass(component.find("yourIdentifier"), "slds-hide");

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment