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.
