Show a hidden section when a click a card

This should get you on the right track.

load(
  local!completed: false,
  {
    a!sectionLayout(
      contents: {
        a!cardLayout(
          contents: {
            a!richTextDisplayField(
              labelPosition: "COLLAPSED",
              value: {
                a!richTextIcon(
                  icon: "hourglass-2",
                  color: "#8CA1D0",
                  size: "LARGE"
                ),
                char(
                  10
                ),
                char(
                  10
                ),
                a!richTextItem(
                  text: "Done",
                  color: "ACCENT",
                  size: "MEDIUM",
                  style: "STRONG"
                ),
                char(
                  10
                ),
                char(
                  10
                ),
                a!richTextItem(
                  text: "3",
                  size: "LARGE"
                )
              },
              align: "CENTER"
            )
          },
          link: a!dynamicLink(
            saveInto: a!save(
              local!completed,
              true
            )
          ),
          height: "AUTO"
        )
      }
    ),
    a!sectionLayout(
      contents: {
        a!textField(
          value: "ok",
          showWhen: local!completed = false
        ),
        a!textField(
          value: "ok1",
          showWhen: local!completed = true
        )
      }
    )
  }
)

To clarify further, your code logic was fine, but your syntax was wrong.

Loads and withs expect some number of locals and then an expression. Your load had a local variable, an expression, and then a with.

Hi miket,

find the below code ..

load(
  local!completed: false(),
  {
    a!cardLayout(
      contents: {
        a!richTextDisplayField(
          labelPosition: "COLLAPSED",
          value: {
            a!richTextIcon(
              icon: "hourglass-2",
              color: "#8CA1D0",
              size: "LARGE"
            ),
            char(
              10
            ),
            char(
              10
            ),
            a!richTextItem(
              text: "Done "& local!completed,
              color: "ACCENT",
              size: "MEDIUM",
              style: "STRONG"
            ),
            char(
              10
            ),
            char(
              10
            ),
            a!richTextItem(
              text: "3",
              size: "LARGE"
            )
          },
          align: "CENTER"
        )
      },
      link: a!submitLink(
        saveInto: a!save(
          local!completed,
          true
        )
      ),
      height: "AUTO"
    ),
    a!sectionLayout(
        contents: {
          a!textField(
            value: "ok",
            showWhen: local!completed = false
          ),
          a!textField(
            value: "ok1",
            showWhen: local!completed = true
          )
        }
      )
  }
 
  )