Collapsible Sticky Threads/Announcements

[ponzinomics]

I have been forwarded from the support forum so I reply the question here:

Hi, I have installed the 'Sticky Thread Divider' plugin and works fine.

Is there any similar plugin that, instead of separating the threads with a divider, wraps them together in a collapsible layer (similar to e.g. collapsible categories)? (So they do not take space in the thread list unless the user expands the layer).

Basically same functionality that 'Sticky Thread Divider' but wrapped within a collapsible panel instead. Maybe I can create it on my own playing with the templates... The idea is wrapping about 10 threads but it will start always collapsed so I would not expect visual delay in rendering.

Any starting point on how to address this functionality?

Thanks

[ponzinomics]

Investigating how 'Sticky Thread Divider' plugin works, I see that it looks just inserting a new <tr> (= the divider) in the threads <tr> list. By inspecting with the browser, I see this is the row added by 'Sticky Thread Divider' plugin.

<tr><td colspan="7" style="border-right: none; padding: 0; height: 9px; background-color: rgb(230, 230, 230); background-image: url(); background-repeat: repeat-x; background-position: top left;"></td></tr>
So, to do something similar for a collapsible announcements list, the idea would be finding out how to do collapsible <tr>'s. And...... bingo:

stackoverflow.com/questions/16926752/expand-collapse-table-rows-with-jquery

so this code should do it:

$('.header').click(function(){
   $(this).nextUntil('tr.header').slideToggle(1000);
});
I will investigate now where I can adapt this code, either in the templates or if it needs to be wrapped in a plugin.

[ponzinomics]

Any help on this please?

[smashwords2]

Bump