how to set visibility of div in controller (SAP UI5)

Question

I have designed a SAP UI5 Application

I have a div which contains highcharts.

<html:div id="Tab2Chart" class="sapUiSmallMarginBegin sapUiSmallMarginTop" 
   style="width:45%;float:left;height:auto"></html:div>

Now, A button is present in View. On clicking it, above div should hide ie highchart should not be visible. How to achieve this. i am able to get div in controller by using-

 var _ID2= this.getView().byId("Tab2Chart").getId();

After this, suggest me solution.

Answer 1

Adding the answer to this here:

You can always refer any items through their ids as: this.getView().byId("idOfIntentedElement")

• Refer the view : this.getView()

• Refer element in the views by their ids : this.getView().byId("id")

 this.getView().byId("Tab2Chart").setVisible(false); 

Answer 2

You can use the standard setVisible method or jQuery hide method commented below.

var _ID2= this.getView().byId("Tab2Chart").getId();
this.getView().byId("Tab2Chart").setVisible(false);
// $('#'+_ID2).hide();