如何使以下jquery函数重复其自身

Question

这个函数重复2次，即当我点击..search切换2次，z-索引..nav次切换在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索引值，并在单击事件触发时将其反转。有点像

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之间切换后，切换的切换值发生了变化。