Обмен переменными между более чем одной функцией

Question

Я создаю простое меню аккордеона с двумя способами навигации.

1. При нажатии на шаге названии
2. При нажатии на кнопки «Next/Prev» внутри шага.

JSFiddle

Мой JS код выглядит следующим образом:

$(document).ready(function(){ 
 

 
// Click on TITLE 
 
$(".step-title").click(function(){ 
 
    
 
    var this_title = $(this).parents(".step").children(".step-title"); 
 
    var this_content = $(this).parents(".step").children(".step-content"); 
 
    var that_title = $(".step-title"); 
 
    var that_content = $(".step-content"); 
 
    
 
    if (this_title.hasClass("active")) 
 
    { 
 
    this_title.removeClass("active"); 
 
    this_content.slideUp(200); 
 

 
    } else { 
 
    that_title.removeClass("active"); 
 
    this_title.addClass("active"); 
 
    that_content.slideUp(200); 
 
    this_content.slideDown(200); 
 
    } 
 
    }); 
 
    
 
// Click on BUTTON 
 
$(".save").click(function(){ 
 
    
 
    var this_title = $(this).parents(".step").children(".step-title"); 
 
    var this_content = $(this).parents(".step").children(".step-content"); 
 
    var that_title = $(".step-title"); 
 
    var that_content = $(".step-content"); 
 
    
 
    if (this_title.hasClass("active")) 
 
    { 
 
    that_title.addClass("active"); 
 
    this_title.removeClass("active"); 
 
    that_content.slideDown(200); 
 
    this_content.slideUp(200); 
 
    } 
 
}); 
 

 
});

Как вы можете видеть, я повторно использовать одни и те же переменные в обеих функций и, следовательно, корень моего вопрос.

** ВОПРОС ** Есть ли способ для обмена этими переменными в нескольких функциях?

Когда я вынимаю их из локальной области функции, они не работают.

Благодарим за помощь.

Answer 1

Это несколько способов сделать это.

Глобальная переменная считается плохой (даже ошибки в строгом режиме), чтобы делать в Js, так что, возможно, вы должны сохранить ее как есть или создать функцию с аргументом (который вызовет только часть вашей функции) ,

Если вы действительно хотите установить «глобальную» переменную, вы должны ommit в var перед именем переменной:

foo = bar 

Однако, как я уже сказал, это считается ошибкой в ​​строгом режиме, и может привести к различным проблемам. «Чистый» способ сделать это, присваивает переменную объекту окна.

window.foo = bar 

Будет работать как глобальная переменная, с меньшим количеством минусов и большей читабельностью.