[Solved] Other plugin working on first row only

anjibman

I am using jquery expander plugin (http://plugins.learningjquery.com/expander/) with DataTable.

In each row I can have messages if such message is long I am using expander plugin. But the problem is it work in first row only.

1. My document.ready() code is

[code]
$(document).ready(function() {

$('#inbox table tbody tr td h5').collapsible();

/* Initialise DataTables for Inbox */
var iTable = $('#transactionTable').dataTable({
"sDom": 'Rlfrtip',
"aoColumns": [
null, //Name
null, //Sender
{"sClass": "center"}, //count
{"sType": "file-size"}, //size
{"sClass": "center"}, //created Date
{"sClass": "center"} //updated date
],
"aaSorting": [[4, 'desc']]
});

$('#message').expander({
slicePoint: 80,
userCollapseText: '[collapse]'
});

});
[/code]

2. My JSP page is

[code]







...........




//Start a big loop to display multiple rows


...............


....
....
...............................

....


......
..................

//End of the loop




[/code]

Can anyone help me on what i am missing?

Thanks
Anjib

anjibman

It's fixed just a issue of correct jQuery object selection

I changed line 19 of Code 1 as:

[code]
$('tr td div#message.expandable').expander({
[/code]