Контейнеры с таким же классом, чтобы иметь отдельный эффект jquery

Question

Итак, я сделал быструю программу, которая отображает скрытый текст, когда вы нажимаете на поле. Проблема в том, что когда вы нажимаете на любой из них, он показывает текст в обоих из них. Я только хочу, чтобы показать текст из окна вы щелкнули в

Javascript:.

$(document).ready(function(){ 
    $('.insidebox').hide(); 

    $('.box').on('click', function(){ 

     $('.insidebox').fadeToggle();   

    }); 

}); 

Answer 1

Вам нужно конкретно получить доступ к текущему элемент, например, с помощью this.

$(this).find('.insidebox').fadeToggle(); 

Без этого JQuery просто запрос для любого .insidebox элемента в пределах всего DOM.

Answer 2

$(".box").on("click", function(){ 

    $(this).children(".insidebox").fadeToggle();   

}); 

Answer 3

Используйте неявный объект:

$(document).ready(function(){ 
    $('.box').on('click', function(){ 

     $(this).fadeToggle();   

    }); 

}) 

Answer 4

Вы можете сделать это:

$(document).ready(function(){ 
    $('.insidebox').hide(); 

    $('.box').on('click', function(){ 

     $(this).fadeToggle();   

    }); 

});