javascript - 如何设置为最初隐藏 - 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/