[Solved] How to hide section in client side?

[Nim]

Hello,

Say, if I have a panelbar with two sections, like "Part A" and "Part B" in the codes below:

<% Html.Telerik().PanelBar()
            .Name("PanelBar")
            .Items(
                parent => {
                  parent.Add()
                      .Text("Part A")
                      .Content(() => { %>
                       ** Part A contents **
                    <% }).Expanded(true);
                  parent.Add()
                      .Text("Part B")
                      .Content(() => { %>
                       ** Part B contents **
                   <% }).Expanded(true);
}).Render(); %>

    
How can I hide "Part A" using Javascript. 

In the Javascript sample, I see "Collapse" and "Disable".
Can we completely hide the "Part A" section?
If not, any workaround? And any future plan to add this as a new feature?

Many thanks.

[Atanas Korchev]

Hello Nim,

 You can use the jQuery hide method to hide any part of the panelbar you want.

Regards,
Atanas Korchev
the Telerik team

[Nim]

Hello Atanas,

Based on your reply, it seems if I can use "hide()", I will need to create a "reference" that points to the PanelBar section that I want to hide.  Then I'll call the "hide()" function from the reference.  It may look at:

$("#Reference-to-PanelBar-Section-I-want-to-hide").hide();

Am I in the right direction? 
FYI, I've tried:

var panelBar = $("#PanelBar").data("tPanelBar");
var section = $("> li", panelBar.element)[0];
section.hide();    

This generates an error message - item.hide is not a function.  Am I missing something?
Based on the sample code in my first post, would you please provide the codes to demonstrate how "hide()" may work.

Thank you.

[Dimo]

Hello Nim,

$("> li", panelBar.element)[0] returns a DOM element, while hide() is a method of a jQuery object. You can use

$("> li:first", panelBar.element)

to retrieve only one PanelBar item and keep it as a jQuery object.

Best wishes,
Dimo
the Telerik team

[Nim]

Thank you for your reply.
Yes, this solves my question.