javascript - jQuery 显示和隐藏切换

标签 javascript jquery html css

我有一些需要隐藏的 div(名为 .hideable 的类)和一些需要显示的 div(名为 .toggleable 的类)。到目前为止我已经可以正常工作了,这很好,但是我遇到了困难具有以下内容;隐藏的 div (.hideable) 需要在可切换的 div 再次隐藏后返回。

这是我的:

jQuery(document).ready(function($) {
    var topContainer = $(".toggleable");
    var topButton = $(".orsp a");
    topButton.click(function() {
        topContainer.slideToggle('slow');
        $(".hideable").hide();
    });
});

欢迎大家帮忙! 谢谢, J.

最佳答案

使用jQuery.toggle()

$(".hideable").toggle();

代替 jQuery.hide()

关于javascript - jQuery 显示和隐藏切换,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18811633/

相关文章:

javascript - 使用 Yup 验证信用卡详细信息

javascript - AngularJS:理解设计模式

javascript - 使用来自 Neo4j 服务器的 JSON 数据在 Angular 中创建工厂

javascript - JQuery $(window).load 无法与 Jinja 模板正常工作

javascript - 以编程方式检测脚本何时被阻止/加载失败

java - 使用 Jsoup 以正确的格式从网页中提取相对链接

html - margin-bottom问题,这是IE的BUG吗?

javascript - Codeigniter session flashdata 和 ajax

javascript - jQuery:如何在字母之前移动字符

jquery - 使用 Opera 加载 jQuery 后