MVC创建视图Jquery显示和隐藏

我正在处理一个MVC项目，在“创建”视图中，我只希望在用户按下按钮时显示某些div

我做了一些有用的东西

Jquery：

<script type="text/javascript">

    function toggle_div_fun(id) {

        var divelement = document.getElementById(id);

        if (divelement.style.display == 'none')
            divelement.style.display = 'block';
        else
            divelement.style.display = 'none';
    }

</script>

<script type="text/javascript">

    function toggle_div_fun2(id) {

        var divelement = document.getElementById(id);

        if (divelement.style.display == 'none')

            divelement.style.display = 'block';

        else
            divelement.style.display = 'none';
    }

</script>

功能切换\u div\u fun（id）{
var divelement=document.getElementById（id）；
if（divelement.style.display=='none'）
divelement.style.display='block'；
其他的
divelement.style.display='none'；
}
功能切换\u div\u fun2（id）{
var divelement=document.getElementById（id）；
if（divelement.style.display=='none'）
divelement.style.display='block'；
其他的
divelement.style.display='none'；
}

Html:

内容
形象
@LabelFor（model=>model.ItemContent，htmlAttributes:new{@class=“controllabel col-md-2”}）
@TextArea（“ItemContent”，new{@class=“form control”，@placeholder=“De inhoud van het item content”，rows=“6”，cols=“20”}）
@Html.ValidationMessageFor（model=>model.ItemContent，“，new{@class=“text danger”}）
@LabelFor（model=>model.ItemContent，htmlAttributes:new{@class=“controllabel col-md-2”}）
@EditorFor（model=>model.CreateDate，new{htmlAttributes=new{@class=“form control datepicker”，type=“date”，@placeholder=“Kies hier de foto”}）
@Html.ValidationMessageFor（model=>model.ItemContent，“，new{@class=“text danger”}）

这似乎奏效了。 每次我按下按钮，div就会消失，但是 我想让它，使该div还没有显示，直到我按下一个按钮，然后它将显示该div

---

你们谁能帮我一下吗？

你可以使用CSS规则设置初始显示状态

#Content, #Image { display:none; }

---

此外，功能

toggle\u div\u fun2

是冗余的，因为它根据输入参数执行与

toggle\u div\u fun

相同的操作。因此，请删除其中一个控件。

您正在使用Jquery，以便可以显示/隐藏控件

    $("#Content").show();

    $("#Content").hide();

---

实际上，由于它的mvc和他可能正在使用引导，仅仅调用元素的隐藏类就可以了，为什么要创建额外的css呢？@RAHULSR，你正确地指出，可能是，使用

hidden

就可以了，不需要创建额外的css

    $("#Content").show();

    $("#Content").hide();