Question

此功能重复2次，即当我单击.search-toggle 2次时，.nav-secondary的z-index在0和2之间切换。但是我希望它在循环中切换而不会破坏任何内容。任何帮助表示赞赏。

enter code here

jQuery(document).ready(function($){

$(".search-toggle").click(function() {

$(".nav-secondary").css("z-index",0); 

$(".search-toggle").click (function() {

 $(".nav-secondary").css("z-index",2);

 $(".search-toggle").click(function() {

    $(".nav-secondary").css("z-index",0); 

    $(".search-toggle").click (function() {

      $(".nav-secondary").css("z-index",2);

    });
   });      
  });
 });
});

Answer 1

似乎您想在0到-2之间切换值。您可以只存储z-index值，并在触发click事件时将其反转。像

jQuery(document).ready(function($){ 
    let a; (a = $(".nav-secondary")).css("z-index",2);
    $(".search-toggle").click(function() {
        a.css("z-index", 0-parseInt(a.css("z-index"))); 
    })
})

请记住，单击1次后切换值会更改，并在2到-2之间切换

如何使以下jQuery函数重复自身

1 个答案: