accordion - init 上的 Elm Bootstrap Accordion 表演

Question

我目前正在接近 Elm，我需要创建一个包含一些可折叠数据的页面。
由于我目前正在使用 Bootstrap，因此 Accordion 组件似乎是最好的组件。

这是我的相关虚拟代码:

view : Model -> Html Msg
view model =
    div []
        [ basicAccordion model.accordionState
            "Dummy1"
            (div []
                [ text "Dummy Title"
                , Button.button [ Button.secondary ] [ text "Hello World" ]
                ]
            )
            Nothing
        , structuredAccordion model.accordionState
            "Dummy2"
            ([ Card.titleH4 [] [ text "Another trial" ]
             , Card.text [] [ text "Bye" ]
             ]
            )
            (Just ("id_dummy2"))
        ]

basicAccordion : Accordion.State -> String -> Html Msg -> Maybe String -> Maybe Bool -> Html Msg
basicAccordion state title content id collapsed =
    let
        singleCard =
            Card.custom <| content
    in
        structuredAccordion state title [ singleCard ] id collapsed


structuredAccordion : Accordion.State -> String -> List (Card.BlockItem Msg) -> Maybe String -> Maybe Bool -> Html Msg
structuredAccordion state title content id collapsed =
    Accordion.config Msgs.AccordionMsg
        |> Accordion.withAnimation
        |> Accordion.cards
            [ Accordion.card
                { id = (Maybe.withDefault title id)
                , options = []
                , header =
                    Accordion.header [] <| Accordion.toggle [] [ text title ]
                , blocks =
                    [ Accordion.block [] content
                    ]
                }
            ]
        |> Accordion.view state

这是问题所在:

我想将 Accordion 内容显示为初始页面状态

我发现 bootstrap Accordion 有一个默认设置，但与 Bootstrap.Accordion

公开的可见性无关。

对我来说这是一个相当基本的功能，我很惊讶它不是卡配置的一部分......希望我是那个没有注意到的人。
任何的想法？

P.S.:第一次发帖，请多多指教:)

Answer 1

一点点更新，这几乎是一个解决方案。

好人rundis犯了一个new version.这允许给一张卡片一个初始扩展状态。
这可能是 4.0 软件包版本的一部分。

界面非常简单，你只需要添加到模型初始化:

model.AccordionState = Accordion.initialStateCardOpen myAccordionId

在创建 Accordion 时，id 是 View 中设置的那个。

这并没有让我完全高兴，因为我想在要打开的几张卡片的列表中进行选择，但部分解决了问题。