jquery在单击按钮时设置表格的宽度

Question

我有一张这样的 table ..

<table id="content" style ="border:none>
            <tr>
                <td>
                    <table  id="content_medium" style ="width:100%">
                        <tr class="grid_heading">
                            <th class="student">Students</th>
                            <th class="year">Year</th>
                            <th class="group">Roll Group</th>
                            <th class="Type">Session</th>
                        </tr>
                    </table>
                </td>
            </tr>
</table>

如何使用 jquery 更改表格的宽度。我有一个按钮，单击该按钮时应将宽度增加 100%，并在下次单击时删除宽度属性。

喜欢吗？

function openpartialView() {
            $(".content").addcss("width","100%");
    }
function closepartialView() {
            $(".content").removecss("width", "100%");
    }

Answer 1

一个灵活的解决方案是动态添加/删除类而不是样式。

JS:

$("#content").addClass('fullwidth');
$("#content").removeClass('fullwidth');

CSS:

.fullwidth{
    width: 100%;
}