Question

javascript 如何设置默认隐藏？

有下列一段js,默认是全部显示，点击后可隐藏，请问如何设置默认即为全部隐藏呢？

<---------------以下是js文件------------------>

// this tells jquery to run the function below once the DOM is ready
$(document).ready(function() {

// choose text for the show/hide link - can contain HTML (e.g. an image)
var showText='Show';
var hideText='Hide';

// initialise the visibility check
var is_visible = true;

// append show/hide links to the element directly preceding the element with a class of "toggle"
$('.toggle').prev().append(' <a href="#" class="toggleLink">'+hideText+'</a>');

// hide all of the elements with a class of 'toggle'
$('.toggle').show();

// capture clicks on the toggle links
$('a.toggleLink').click(function() {

// switch visibility
is_visible = !is_visible;

// change the link text depending on whether the element is shown or hidden
if ($(this).text()==showText) {
$(this).text(hideText);
$(this).parent().next('.toggle').slideDown('slow');
}
else {
$(this).text(showText);
$(this).parent().next('.toggle').slideUp('slow');
}

// return false so any link destination is not followed
return false;

});
});

Answer 1

记住在js中对布尔变量进行赋初始值时，尽量赋为false。这样可以避免你在下面的操作中，假如条件不满足的话，直接跳出if，而避免代码崩溃！

追问

好的，请问您有qq吗？加934781633，谢谢！

Answer 2

var is_visible = true;
把这句话改成
var is_visible = false;

追问

按您说的，依然是全部都显示出来了，请问您有qq吗？加934781633，谢谢！

追答

在公司不能上QQ~~
刚那个看错了
应该是把$('.toggle').show();
换成$('.toggle').hide();
var is_visible = true;这句话好像没排上用场