Question

我有土耳其语的联系页面。别害怕。我会为你翻译。这很简单。

http://www.zinzinzibidi.com/web_tasarim/iletisim

您可以查看源代码或使用Firebug。

这是我的页面。我无法使用toggle（）函数隐藏/显示一些不需要的div。

例如，

       <div class="contact-line">
            <div class="contact-title">
                <span>e-posta</span>
            </div>
            <div class="contact-input">
                <input type="email" class="input" required />
            </div>
        </div>

        <div class="contact-line-unrequired">
            <div class="contact-title">
                <span>Tel</span>
            </div>
            <div class="contact-input">
                <input type="tel" class="input" />
            </div>
        </div>

根据需要有两个div并且不需要。还有一个我想用来切换的按钮。

        <div class="required-areas-button">
            <span>Sadece gerekli alanları göster</span>
        </div>

这是我的jQuery代码：

<script>
    $(document).ready(function () {
        $(".required-areas-button").click(function () {
            $(".contact-line-unrequired").toggle();
        });
    });
</script>

我哪里做错了？

*“Sadecegereklialanlarıgöster”的意思是“仅显示所需区域”

解决

谢谢大家！

我稍微改变了我的Jquery代码：

        <script>
            $(document).ready(function ($) {
                $(".required-areas-button").click(function () {
                    $(".contact-line-unrequired").slideToggle();
                });
            });
        </script>

结果如下：

http://www.zinzinzibidi.com/web_tasarim/iletisim

Answer 1

您在页面上有代码：

<script>
    $(document).ready(function () {
        $(".required-areas-button").click(function () {
            $(".contact-line-unrequired").toggle();
        });
    });
</script>

在包含jQuery之前

：

<script src="/web_tasarim/Scripts/jQuery-1.8.3.min.js"></script>

将内联脚本放在正文末尾。

Answer 2

在尝试调用这些函数之后，您正在加载jQuery ，因此它们不受约束。如果您加载控制台，实际上应该看到$ is not defined错误。在尝试在页面上使用jQuery之前，请确保包含jQuery。

jQuery类切换麻烦

2 个答案: