javascript - jQuery - 打开 onLoad 的两个 div 之一

标签 javascript jquery css

我的 jquery 应该在页面加载时只打开两个 div 中的第一个,但现在它打开了两个。

此外,我已经在我的 CSS 中添加了 .active 类来为事件的 div 链接着色,但它不起作用。

查询

 $(document).ready(function () {
     $(this).find('.infoexpanderContent').slideDown();
 });
 $('.infoexpanderHead').click(function () {
     $(this).siblings().find('.infoexpanderContent').slideUp();
     $(this).find('#infoactive').addClass("active");
     $(this).find('.infoexpanderContent').slideDown();
     $(this).siblings().find('#infoactive').removeClass("active");
 });

CSS

.active {
    color: green;
}

对 JS 和 Jquery 很陌生,所以请简单点:)

最佳答案

尝试指定 :first选择器:

$('.infoexpanderContent:first').slideDown();

顺便说一句,不需要 $(this).find() 方法,因为在 DOM 包装器中,$(this) 引用文档,这在 jQuery 中始终是假定的。

关于javascript - jQuery - 打开 onLoad 的两个 div 之一,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20702978/

相关文章:

javascript - 在 Highcharts 中动态添加系列

javascript - 如何创建 JQuery 时钟/计时器

html - 移动滑动推送导航

html - 使子 div 扩展以填充父 div 的宽度

javascript - HTML & CSS : Scroll on Y but stick on X

javascript - 正则表达式用逗号分隔验证字符串

javascript - 如何判断每个用户访问每个页面的时间?

javascript - 如何有效地计算缩放比例?

asp.net - 如何使用 asp.net 处理程序设置 html 正文背景图像?

javascript - 如何删除 wordpress 主题以覆盖插件 css 和 js