PanelExpander button in collapsed mode on initial load

Hi Guys,

I am using PanelExpanderButton in my card and its always in open state and i can toggle on chevron to make it collapse.

So can we make it collapsed on initial load and when click on can expand ?

$(
          go.Panel,
          "Table",
          {
            background: "lightgray",
            stretch: go.GraphObject.Horizontal
          },

          $(go.TextBlock, "CARS OPTIONS", {
            column: 1,
            columnSpan: 2,
            height: 28,
            textAlign: "center",
            font: '14px "IBM Plex Sans"',
            margin: new go.Margin(12, 70, 2, 28)
          }),

          $("PanelExpanderButton", "diffBrands", {
            column: 0,
            alignment: go.Spot.Left,
            margin: new go.Margin(-5, 0, 2, 8)
          })
        ),
        $(
          go.Panel,
          "Table",
          { row: 1 },
          {
            name: "diffBrands",
            stretch: go.GraphObject.Horizontal,

            defaultAlignment: go.Spot.Left,
            defaultStretch: go.GraphObject.Horizontal,
            defaultColumnSeparatorStroke: "gray",
            defaultRowSeparatorStroke: "gray",
            width: 271
          },
          new go.Binding("itemArray", "diffBrands"),
          {
            itemTemplate: $(
              go.Panel,
              "TableRow",
              // this Panel is a row in the containing Table
              new go.Binding("portId", "id"), // this Panel is a "port"

              $(
                go.Panel,
                "Vertical",
                { width: 256, height: 60 },

                $(
                  go.TextBlock,
                  {
                    font: '14px "IBM Plex Sans"',
                    stroke: "#525252",
                    textAlign: "center",
                    alignment: go.Spot.Left,
                    margin: new go.Margin(5, 5, 5, 60)
                  },
                  new go.Binding("text", "car")
                ),
                $(
                  go.TextBlock,
                  { margin: new go.Margin(5, 5, 5, -40) },
                  // this does not permit adding/editing/removing of parameters via inplace edits
                  new go.Binding("text", "car_model")
                )
              )
            ),
            defaultRowSeparatorStroke: "white",
            defaultRowSeparatorStrokeWidth: 3,
            background: "#F4F4F4"
          }
        )
      ),

Thanks
J

In your template set visible to false on your “diffBrands” object.