如何设置为初始隐藏-javascript

如何设置为初始隐藏-javascript,javascript,Javascript,我有一段代码,最初显示了如何将其更改为隐藏 $(document).ready(function() { $('#hideshow').click(function() { var anchor_value = $('#hideshow').text(); if (anchor_value == 'Hide') { $('#hideshow').text('Show'); $('#message').hide

我有一段代码,最初显示了如何将其更改为隐藏

$(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();
        }
    });
});

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

  • 首先,看看js/jQuery的基础知识
  • 检查详图元素的可见性,或使用类而不是检查其文本
  • 使用内置jQuery方法切换可见性
  • 要最初隐藏元素,请使用css设置相应的页面
  • 代码:


    演示:

    您似乎对自己的代码缺乏非常基本的理解。在你们接触巨大的库之前,你们应该先学习如何反转一个条件。查看
    =运算符,或者更好的是
    ==操作员。需要对问题有最低限度的了解
    
    $(document).ready(function () {
        $('#hideshow').click(function () {
            if ($("#message").is(":visible")) {
                $('#hideshow').text('Show');
            } else $('#hideshow').text('Hide');
    
            $('#message').toggle();
        })
    });