0

当您单击http://kaye.at/test/上的月份时，div 会显示/隐藏。

当页面加载时它们都打开了，我如何才能让六月打开而其他页面在页面加载时关闭？

或者我如何让它们在页面加载时全部关闭？

JS：

http://kaye.at/test/js/showHide.js

$(document).ready(function(){


$('.show_hide').showHide({           
    speed: 1000,    
    easing: '',
    changeText: 0,
    showText: 'View',
    hideText: 'Close'

}); 


});

HTML：

 <a href="#" class="show_hide" rel="#slidingDiv">View</a><br />
 <div id="slidingDiv">
    Fill this space with really interesting content.
 </div>



 <a href="#" class="show_hide" rel="#slidingDiv_2">View</a><br />
 <div id="slidingDiv_2">
    Fill this space with really interesting content.
 </div>
4

3 回答 3

0

当文档加载到浏览器中时，您为什么不尝试滑动切换它们。

 $(document).ready(function() {
      $('#slidingDiv').slideToggle(options.speed, options.easing)
      $('#slidingDiv_2').slideToggle(options.speed, options.easing)
    });
于 2013-06-07T12:41:00.687 回答
0

选择所有容器，排除六月的容器（第 3 号），隐藏其余容器？

$('[id^="slidingDiv_"]').not('#slidingDiv_3').hide();

一个更好的选择是给他们一个类，用 CSS 隐藏它们，只显示一个带有 ID 的类#slidingDiv_3！

<div id="slidingDiv" class="slidingDivs">
    Fill this space with really interesting content.
</div>

CSS：

 #slidingDiv_3 {display:block;}
.slidingDivs  {display:none;}
于 2013-06-07T12:34:14.207 回答
0

在它拥有的地方添加一个类：display:none;像这样：

.class1{
 //your styling
  display:none;
}

等等

这样，当您单击它时，显示：将设置为display:block;（或您的显示是什么）

于 2013-06-07T12:35:36.197 回答