Support for individual panels

[mikestu]

Hi Dmitry, In our app, we frequently use bootstrap panels for app sections in a page. These sections could be expanded when the page loads (or sometimes not), and the expand/collapse behavior may or may not be enabled as well. If multiple panels are on the same page, when one is expanded, the others do not collapse. I know you have the accordian support, but I don't see support for individual panels. Here is a sample of a stand-alone panel:

<div class="panel panel-info"><div class="panel-heading"><a class="accordian-toggle" href="#" data-toggle="collapse" data-target="#collapse1">Test Panel</a></div><div class="panel-collapse collapse in" id="collapse1"><div class="panel-body">        <p>This is a test</p>

Do you think this is something you could add support for?

[DmitryEfimenko]

is that what you are looking for?

[mikestu]

I'm not sure how I missed that, but yes. :) The only thing that one doesn't seem to have is options for whether it can expand/collapse, and whether it is expanded/collapsed when the page is loaded (see my markup above). What are your thoughts on that request?

[DmitryEfimenko]

So what do you exactly mean by "stand-alone" panel? Would that be exactly the same thing as an Accordion with just a single section (panel)? If not, what's the difference?

[mikestu]

Yes, that's pretty much it, but with the accordian, I don't think you can have multiple panels expand/collapse independent of any other panel in one accordian (which is really against the accordian concept). If I had 5 panels I want this way, I suppose I could create 5 accordians, each with one panel, but it would just be a tiny bit more verbose, and have an extra div around each one. Maybe it's not worth the effort to add expand/collapse to the single panels...not sure though.