Looking at the source from pullmanapartments.com, each table row they want to collapse is wrapped inside an accordion<http://twitter.github.com/bootstrap/javascript.html#collapse> .
On Tuesday, February 19, 2013 2:24:31 PM UTC, Karl Vollmer wrote: > > Hm - ever figure out how they are doing it - poked at it a bit and > couldn't find the trick, there are more complex "hide/show" solutions, but > they don't seem to be using them? > > On Monday, September 10, 2012 4:44:14 AM UTC-3, Richard Herbert wrote: >> >> Thanks for sticking with the problem. >> >> Yes, that site looks like it's doing what I want. I dig into to it. >> >> Much obliged. >> >> On Sunday, 9 September 2012 20:06:32 UTC+1, iange87 wrote: >>> >>> I remembered a site that does roughly what you want from >>> some discussions over another issue, you can see it here: >>> https://groups.google.com/forum/?fromgroups=#!searchin/twitter-bootstrap/nav$20button$20class/twitter-bootstrap/teUoAR1nV7w/DYz3TO_w5_gJ >>> >>> >>> Basically, there's accordion elements inside the table. >>> >>> Hope this helps! >>> >>> On Friday, September 7, 2012 2:49:26 PM UTC+1, Richard Herbert wrote: >>>> >>>> Thanks for your prompt response. >>>> >>>> Yes, jQuery/Bootstrap all working for other effects on the page. >>>> >>>> I've tried putting an annotated div around the row or cell to no >>>> effect. >>>> >>>> The only way I can get it nearest to working is by putting the contents >>>> of the cell into an annotated div like so... >>>> >>>> <tr> >>>> <td colspan="2"> >>>> <div id="showHideMe" class="collapse"> >>>> I'm here! >>>> </div> >>>> </td> >>>> </tr> >>>> >>>> I don't really consider that ideal as a multi-cell row would be tricky >>>> and as, in my live code, I have a fully loaded class table ("table >>>> table-striped table-bordered table-condensed") the collapsed cell contents >>>> shows as a thin empty row in my table. >>>> >>>> Happy to test any other suggestions. :-) >>>> >>>> >>>> On Friday, 7 September 2012 13:35:39 UTC+1, iange87 wrote: >>>>> >>>>> That should work looking at the >>>>> docs<http://twitter.github.com/bootstrap/javascript.html#collapse>. >>>>> Have you correctly referenced jquery and bootsrap.js in your code? >>>>> >>>>> Another thing to try is what happens if you wrap the contents of the >>>>> td you want to hide in a div or span? >>>>> >>>>> On Friday, September 7, 2012 12:28:20 PM UTC+1, Richard Herbert wrote: >>>>>> >>>>>> Hi, >>>>>> >>>>>> I'm trying to apply the Collapse feature to a table row without >>>>>> success. >>>>>> >>>>>> At it's simplest I have... >>>>>> >>>>>> <table> >>>>>> <tbody> >>>>>> <tr> >>>>>> <td> >>>>>> <button type="button" class="btn btn-small" data-toggle="collapse" >>>>>> data-target="#showHideMe"> >>>>>> <i class="icon-arrow-down"></i> >>>>>> </button> >>>>>> </td> >>>>>> <td>show/hide</td> >>>>>> </tr> >>>>>> >>>>>> <tr id="showHideMe" class="collapse"> >>>>>> <td colspan="2">I'm here!</td> >>>>>> </tr> >>>>>> </tbody> >>>>>> </table> >>>>>> >>>>>> ...but this doesn't seem to work. >>>>>> >>>>>> I'm guessing, in my ignorance, that you can't apply the Collapse >>>>>> feature to a row only a div? >>>>>> >>>>>> If so, I'd welcome any suggestions or further reading, to achieve >>>>>> this effect. >>>>>> >>>>>> Richard >>>>>> >>>>> -- You received this message because you are subscribed to the Google Groups "twitter-bootstrap" group. To unsubscribe from this group and stop receiving emails from it, send an email to [email protected]. For more options, visit https://groups.google.com/groups/opt_out.
