<aura:component implements="force:appHostable,flexipage:availableForAllPageTypes,flexipage:availableForRecordHome,force:hasRecordId,forceCommunity:availableForAllPageTypes" access="global"> <aura:attribute name="FlagA" type="boolean" default="false"/> <aura:attribute name="FlagB" type="boolean" default="false"/> <aura:attribute name="oAccount" type="Account"/> <aura:if isTrue="{!v.FlagA}"> <p>Name:</p><ui:inputtext value="{!v.oAccount.Name}"/> <p>Name</p><ui:inputtext value="{!v.oAccount.Name}"/> <ui:inputtext value="{!v.oAccount.Name}"/> <ui:inputtext value="{!v.oAccount.Name}"/> </aura:if> <aura:if isTrue="{!v.FlagB}"> <ui:inputtext value="{!v.oAccount.Name}"/> <ui:inputtext value="{!v.oAccount.Name}"/> <ui:inputtext value="{!v.oAccount.Name}"/> <ui:inputtext value="{!v.oAccount.Name}"/> </aura:if> <lightning:button label="ButtonA" onclick="{!c.toggleFieldOfA}" /> <lightning:button label="ButtonB" onclick="{!c.toggleFieldOfB}" /> </aura:component>


controller:

({ toggleFieldOfA: function(Component, event, helper){ Component.set("v.FlagA",true); Component.set("v.FlagB",false); }, toggleFieldOfB: function(Component, event, helper){ Component.set("v.FlagA",false); Component.set("v.FlagB",true); } })