Javascript 使文本在其后面再次可见'；它被按钮点击隐藏了

我现在有一个下拉按钮，用于显示新文本/隐藏旧标题。我目前已将代码设置为

$('a.btn-navbar').click(function(){
            $('header#header-top').css('height','');
            $('#headerContainer').css('height','');
             $('#headerText').css('visibility','hidden');
        });

当再次单击按钮以隐藏下拉菜单按钮时，如何重新启用headertext

我在考虑使用切换，但我不是100%肯定它的工作，并认为这将是最好的获得意见

---

编辑。我使用.toggle（）使它工作。我以前没有使用它的问题是，它与下拉菜单所需的按钮略微重叠。增加z指数：-1；允许我绕过这件事

尝试使用三元运算符写入条件

$('a.btn-navbar').click(function(){
   var header = $('#headerText');
   header.css('visibility',header.css('visibility') === 'hidden' ? 'visible' : 'hidden');
});

.visible { visibility:visible; }
.hidden { visibility:hidden; }

$('a.btn-navbar').click(function(){
   var header = $('#headerText');
   header.toggleClass('hidden visible');
});

或者使用.toggleClass（）执行此操作

要使用三元运算符写入条件

$('a.btn-navbar').click(function(){
   var header = $('#headerText');
   header.css('visibility',header.css('visibility') === 'hidden' ? 'visible' : 'hidden');
});

.visible { visibility:visible; }
.hidden { visibility:hidden; }

$('a.btn-navbar').click(function(){
   var header = $('#headerText');
   header.toggleClass('hidden visible');
});

---

试着用三元运算符写一个条件

$('a.btn-navbar').click(function(){
   var header = $('#headerText');
   header.css('visibility',header.css('visibility') === 'hidden' ? 'visible' : 'hidden');
});

.visible { visibility:visible; }
.hidden { visibility:hidden; }

$('a.btn-navbar').click(function(){
   var header = $('#headerText');
   header.toggleClass('hidden visible');
});

或者使用.toggleClass（）执行此操作

要使用三元运算符写入条件

$('a.btn-navbar').click(function(){
   var header = $('#headerText');
   header.css('visibility',header.css('visibility') === 'hidden' ? 'visible' : 'hidden');
});

.visible { visibility:visible; }
.hidden { visibility:hidden; }

$('a.btn-navbar').click(function(){
   var header = $('#headerText');
   header.toggleClass('hidden visible');
});

---

试着用三元运算符写一个条件

$('a.btn-navbar').click(function(){
   var header = $('#headerText');
   header.css('visibility',header.css('visibility') === 'hidden' ? 'visible' : 'hidden');
});

.visible { visibility:visible; }
.hidden { visibility:hidden; }

$('a.btn-navbar').click(function(){
   var header = $('#headerText');
   header.toggleClass('hidden visible');
});

或者使用.toggleClass（）执行此操作

要使用三元运算符写入条件

$('a.btn-navbar').click(function(){
   var header = $('#headerText');
   header.css('visibility',header.css('visibility') === 'hidden' ? 'visible' : 'hidden');
});

.visible { visibility:visible; }
.hidden { visibility:hidden; }

$('a.btn-navbar').click(function(){
   var header = $('#headerText');
   header.toggleClass('hidden visible');
});

---

试着用三元运算符写一个条件

$('a.btn-navbar').click(function(){
   var header = $('#headerText');
   header.css('visibility',header.css('visibility') === 'hidden' ? 'visible' : 'hidden');
});

.visible { visibility:visible; }
.hidden { visibility:hidden; }

$('a.btn-navbar').click(function(){
   var header = $('#headerText');
   header.toggleClass('hidden visible');
});

或者使用.toggleClass（）执行此操作

要使用三元运算符写入条件

$('a.btn-navbar').click(function(){
   var header = $('#headerText');
   header.css('visibility',header.css('visibility') === 'hidden' ? 'visible' : 'hidden');
});

.visible { visibility:visible; }
.hidden { visibility:hidden; }

$('a.btn-navbar').click(function(){
   var header = $('#headerText');
   header.toggleClass('hidden visible');
});

以下是一个例子：

$('a.btn-navbar').click(function(){
            $('header#header-top').css('height','');
            $('#headerContainer').css('height','');
             $('#headerText').toggle();
        });

以下是一个例子：

$('a.btn-navbar').click(function(){
            $('header#header-top').css('height','');
            $('#headerContainer').css('height','');
             $('#headerText').toggle();
        });

以下是一个例子：

$('a.btn-navbar').click(function(){
            $('header#header-top').css('height','');
            $('#headerContainer').css('height','');
             $('#headerText').toggle();
        });

以下是一个例子：

$('a.btn-navbar').click(function(){
            $('header#header-top').css('height','');
            $('#headerContainer').css('height','');
             $('#headerText').toggle();
        });

使用（：可见）选择器 $（'a.btn-navbar'）。单击（函数（）{

使用（：可见）选择器 $（'a.btn-navbar'）。单击（函数（）{

使用（：可见）选择器 $（'a.btn-navbar'）。单击（函数（）{

使用（：可见）选择器 $（'a.btn-navbar'）。单击（函数（）{

---

.toggle（）

将使用css属性

display

not

visible

的确，这取决于您需要做什么。这对于我尝试实现的目标也很有效。谢谢。

.toggle（）

将使用css属性

display

not

visible

事实上，这取决于您需要做什么。这对于我尝试实现的目标也很有效。谢谢。

.toggle（）

将使用css属性

display

not

visible

事实上，这取决于您需要做什么。这对于我尝试实现的目标也很有效。谢谢。

.toggle（）

将使用css属性

display

not

visible

的确，这取决于您需要做什么。这对于我尝试实现的目标也很有效。谢谢。