jQuery展开/折叠链接

Question

我正在使用具有3列表的MVC视图。该表显示产品列表。第1列（产品名称）包含指向产品特定页面的链接。当用户点击链接时，我想展开并显示产品说明，在产品说明的最后，我想要包含一个将用户带到产品页面的链接。如果用户再次点击该链接，我想将其折叠回来。我有一个代表产品的模型，产品描述存储在自己的领域。

该表的构建和填充如下。任何关于如何通过jQuery实现扩展/折叠的见解都非常受欢迎。

<table id="products">
        <thead>
            <tr>
                <th>Product Name</th>
                <th>Type</th>
                <th>Price</th>
            </tr>
        </thead>
        <tbody>
                foreach (product p in model.products)
                {
                    <tr>
                        <td>
                            @p.name
                        </td>
                        <td>
                            @p.type
                        </td>
                        <td>
                            @p.price
                        </td>
                    </tr>
                }
        </tbody>
    </table>