SlideToggle 在我的 MVC 应用程序中不起作用

Question

我的代码以前可以工作，现在不行了。单击段落时没有任何反应。我知道它进入脚本。

这是我的脚本：

<script>
    function showhide(element_id) {
        $(element_id).slideToggle();
    };
</script>

编辑：这是我呈现的标记。当我单击段落时，它会创建应该 expand/collapse 的 div：

<div class="tab-content">

    <div id="tab1" class="tab active">            

            <div class="relation-link">
                <p class="expand-one" onclick="showhide('dep-rtgdep-rtg')" onmouseover="" style="cursor: pointer;">dep-rtg</p>
                <table id=dep-rtgdep-rtg class="content-one" cellpadding="5" cellspacing="5" width="100%">
                    <tr>
                        <td>Fr&#229;n sektion:</td>
                        <td class="rightcell">dep-rtg</td>
                    </tr>
                    <tr>
                        <td>Till sektion:</td>
                        <td class="rightcell">dep-rtg</td>
                    </tr>
                    <tr>
                        <td>Bara till samma programkod:</td>
                        <td class="rightcell">True</td>
                    </tr>
                </table>
            </div>             
            }

我不粘贴 css，因为它自生效以来没有更改过。非常感谢帮助

Answer 1

试试这个：-

<script>
    function showhide(element_id) {
        $('#' + element_id).slideToggle(); // use '#' id selector
    };
</script>

SlideToggle 在我的 MVC 应用程序中不起作用

SlideToggle does not work in my MVC application

asp.net-mvc

jquery

razor