Bootstrap / Razor Second panel collapses on the first

Question

Bootstrap / Razor Second panel collapses on the first

Navigation

#1 by (0 votes)

-1

What happens is that I have 2 topics in the database that are automatically inserted in the page and everything is fine here, but starting with the panels closed or open if clicking on the second it opens / closes always the first one ... bootstrap and the like is not very much my strong. Thank you

twitter-bootstrap asp.net-mvc razor

asked by anonymous 25.02.2016 / 16:00

1 answer

Problem to execute project [closed] Help with Text Editor in C

score 0 · Answer 1

The second one is in the second cycle of the foreach, what was happening to me is that I was not incrementing the panel-collapse id, so anyone who clicked to open it always went to the id of the first. p>

I just added and incremented the 'i' variable.

    @{
        int i = 1;
        foreach (TopicoDb t in Model)
        {
        i++;
        <div class="panel-group">
            <div class="panel panel-default">
                <div class="panel-heading" style="background-color:#1B2B30;color:darkorange;">
                    <h4 class="panel-title">
                        <a data-toggle="collapse" href="#collapse1@(i)">@t.Titulo </a>
                        <span class="badge" style="text-align:right;">@t.Respostas.Count() </span>
                    </h4>

                </div>
                <div id="collapse1@(i)" class="panel-collapse collapse in">
                    <div class="panel-body">
                        <!--TEXTO CAIXA COMMENTS e RESPOSTAS no PAINEL BODY-->
                        <p style="color:darkgray;font-size:10px;">Inserido por: @t.User.userName</p>
                        <br />
                        <p>@t.TextoDescritivo</p>
                        <hr />
                        @if (Session["UserLogged"] != null)
    {
        using (Html.BeginForm("Resposta", "Home"))
        {
            @Html.AntiForgeryToken()
                                @Html.Hidden("topicoId", t.Id)
                                @Html.Label("Responder:", new { style = "font-size:14px" })
                                <br />
                                @Html.TextArea("MsgResposta", "", 5, 140, new { })
                                <br />
                                <input type="submit" value="Enviar" />
                            }

                            <hr />
                            foreach (var resposta in t.Respostas)
        {
                                <p style="font-size:10px;">Respondido por: @resposta.User.userName</p>
                                <p>@resposta.MsgResposta</p>
                                <hr />
                            }

    }
                    </div>
                </div>
            </div>
        </div>
    }
}