Jquery ui accordion on table in asp.net mvc View

Question

i have to implement jquery ui accordion and sortable in asp.net mvc dynamically generated table rows. i have implemented sortable and its working fine but how can i impelement accordion to table tbody.

        <table >    
    <tbody id="rowAccordion">
            @foreach (var item in Model)
            {
                <tr class="rowSort">
                    <td style="width: 200px;">
                        <h3>
                            <a href="#">@item.PageTitle</a>
                        </h3>
                        <div>
                            <p>
                                Discription
                            </p>
                        </div>
                    </td>
                </tr>
            }  
</tbody> 
</table>

<script>
    $(function () { $("#rowAccordion").accordion(); }); 

    $("#rowAccordion").sortable();
</script>

Did you have success?

Joe Johnston
– Joe Johnston

2015-11-17 20:50:21 +00:00
Commented Nov 17, 2015 at 20:50 — Joe Johnston
– Joe Johnston, Commented Nov 17, 2015 at 20:50

Joe Johnston · Accepted Answer · 2015-10-13 15:53:48Z

1

Use the option "header" using the column that you want to appear as the header.

$(document).ready(function () {
    $("#rowAccordion").accordion({header: 'YOUR COLUMN SELECTOR HERE' });
});

hth

answered Oct 13, 2015 at 15:53

Joe Johnston

2,9762 gold badges33 silver badges58 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Jquery ui accordion on table in asp.net mvc View

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related