Question

我正在开发一个电子邮件阅读应用程序。它的MVC4应用程序。内容以局部视图加载。以下是局部视图的完整代码：

@model List<MailServer.MailObject>

<script type="text/javascript">


</script>
<table width="75%" align="left">
<thead>
    <tr>
    <th width="10%" ><input type="checkbox" id="chkSel" /> </th> <th width="30%">From</th><th width="40">Subject</th><th width="15%">Date</th>
    </tr>
</thead>
@foreach (MailServer.MailObject mail in Model)
{
    <tr> 
        <td><input type="checkbox" /></td>
        <td>
            @mail.From
        </td>
        <td><a href="javascript:showdetail(@mail.MailID)">@mail.Subject </a> </td>
        <td>@mail.Sendtime</td>

    </tr>    
    <tr>
        <td colspan="4">
          <ul class="collapsible" data-collapsible="accordion">
            <li>
               <div class="collapsible-header"><i class="material-icons">filter_drama</i>First</div>
               <div class="collapsible-body"><p>@Html.Raw(@mail.Body)</p></div>
            </li>
          </ul>  
        </td>
    </tr>
}
</table>

问题是如何使可折叠div工作。因此，只有来自，主题，发送日期可见，身体仍然隐藏在下面。一旦用户点击它，就应该可以看到正文。

对jquery的引用。 jquery-ui在Layout页面中，所以这里没有显示。

提前致谢

MVC4，Jquery如何使可折叠div工作

0 个答案: