如何设置最初隐藏 - javascript

Question

我有这段代码，初步显示如何将其更改为最初隐藏？

$(document).ready(function() {
    $('#hideshow').click(function() {
        var anchor_value = $('#hideshow').text();
        if (anchor_value == 'Hide') {
            $('#hideshow').text('Show');
            $('#message').hide();
        }
        if (anchor_value == 'Show') {
            $('#hideshow').text('Hide');
            $('#message').show();
        }
    });
});

Answer 1

我建议您通过以下方式重新考虑您的代码：

1. 首先，看看js / jQuery的基础知识
2. 检查详细信息元素的可见性或使用类而不是检查文本
3. 使用内置的jQuery方法toggle来切换可见性
4. 最初隐藏元素使用css相应设置页面

代码：

$(document).ready(function () {
    $('#hideshow').click(function () {
        if ($("#message").is(":visible")) {
            $('#hideshow').text('Show');
        } else $('#hideshow').text('Hide');

        $('#message').toggle();
    })
});

演示：http://jsfiddle.net/IrvinDominin/CFExY/