Question

以下javascriot函数显示/隐藏联系表单。在独立的html页面中使用函数时，默认情况下隐藏表单。当我在我的网站中实现该功能时，功能行为被反转，默认情况下不会隐藏表单。

有javascript经验的人可以建议如何反转下面函数的show / hide bevavior。

提前致谢。

</script>

<!-- Show/Hide Contact Form  -->
<script type="text/javascript">
    //showHide function 
    $(document).ready(function () {
        $('.nav-toggle').click(function () {

            //get collapse content selector
            var collapse_content_selector = $(this).attr('href');

            //make the collapse content to be shown or hide
            var toggle_switch = $(this);
            $(collapse_content_selector).toggle(function () {

                if ($(this).css('display') == 'none') {
                    toggle_switch.html('Show Form');
                } else {
                    toggle_switch.html('Hide Form');
                }

            });

        });

    });
</script>

Answer 1

如果您提供表单的HTML，那么回答会容易得多......好的，我希望您能找到解决方案：

如果切换链接，请查看href属性的值，它应该看起来像'#something'，然后只需编辑css文件并在底部添加以下行：

#something { display: none }

因此，请务必使用切换链接中的实际值替换something。

显示/隐藏javascript功能

1 个答案: