What are the use cases of slds-hide and slds-show classes in Salesforce?

Hi,

To hide any type of element from view and from screen readers, use the .slds-hide class. Once hidden, you can display the content by using JavaScript to swap .slds-hide with .slds-show; This class will set the display property to block. If you need to display your hidden element as inline or inline-block, you can use the .slds-show_inline or .slds-show_inline-block classes, respectively.

Note that .slds-hide and any of the .slds-show-* utility classes should not be used together at the same time on the same element; doing so will cause your element to remain hidden.