Javascript 向文本添加切换功能

我的基本要求是在我的网站上添加一个下拉列表。我需要当有人点击一个文本，一个表单将显示有一个动画效果从上到下，并将再次隐藏，如果我们再次点击文本

您可以访问我想要此功能的页面：

在右侧边栏的最上方，您可以看到一个按钮，上面写着“按位置搜索”。当你检查这个按钮时，你可以看到在我显示的按钮下面的div下面有一个表单：无以隐藏它

我想显示的形式时，点击按钮，并再次隐藏后，点击那里（切换功能）与一些动画效果将是罚款

我在那里添加了这个脚本，您也可以在inspect元素中找到它：

<script>
    jQuery(document).ready(function($){
        $(".section-sidebar #custom_location").click(function(){
            $(".section-sidebar div #directory-advance-search-form").show();
        });
        $(".section-sidebar #custom_location").click(function(){
            $(".section-sidebar div #directory-advance-search-form").hide();
        });
    });
</script> 

jQuery（文档）.ready（函数（$）{
$（“.section侧边栏#自定义位置”）。单击（函数（）{
$（“.section侧边栏div#目录高级搜索表单”）.show（）；
});
$（“.section侧边栏#自定义位置”）。单击（函数（）{
$（“.section侧边栏div#目录高级搜索表单”）.hide（）；
});
});

但它不起作用。我做错什么了吗？请访问我的以上页面，并帮助我在单击时显示表单，然后在单击时再次隐藏

---

提前谢谢。

您的js看起来是多余的：在同一个单击处理程序中，您显示了并隐藏了div-实际上，您什么也没做：）

相反，使用单个调用

$（“.section sidebar div#directory advance search form”）.toggle（）

大致如下：

jQuery(document).ready(function($){
    $(".section-sidebar #custom_location").click(function(){
        $(".section-sidebar div #directory-advance-search-form").toggle();
    });
});

我在控制台中测试了这个，它工作得很好

如果出于任何原因（我知道：有时项目有非常奇怪的需求），您必须使用标记测试操作：

设置一个布尔值，类似于

var advishown=false

显示\隐藏时，切换布尔状态

在决定是调用

.show（）

还是

.hide（）

---

我添加了此脚本，以使表单以时间间隔切换：

<script>
    jQuery(document).ready(function($){
        $(".section-sidebar #custom_location").click(function(){
            $(".section-sidebar div #directory-advance-search-form").toggle(1000);
        });
    });
</script>

jQuery（文档）.ready（函数（$）{
$（“.section侧边栏#自定义位置”）。单击（函数（）{
$（“.section sidebar div#目录高级搜索表单”）。切换（1000）；
});
});

用户可在此根据自己的要求调整1000

---

再次感谢你，凯文。

你好，凯文，谢谢。现在我有了这个代码：jQuery（document）.ready（函数（$）{$（“.section sidebar#custom_location”）.click（函数（）{$（“.section sidebar div#directory advance search form”）.show（）；}；$（“.section sidebar#custom_location”）.click（函数（）{$（“.section sidebar div#目录advance search form”）.hide（）；}）; 你能分享我必须使用的完整代码吗？您提到的代码只针对表单。但是这个按钮没有链接到任何地方，所以只要点击它，它就会工作。我们也设法调整了它。谢谢你的帮助。