Почему не работает часть кода?

Question

[jenya7771]

Почему не работает вторая часть кода?

var communication = false;

$(".communication").bind("click", function() {
    if (communication === false){
        $(".communication").addClass("funshion-true");
        communication = true;
        $(".diveid").append("<h3 class='communicationH3'><i class='fa fa-times' aria-hidden='true'></i> communication</h3>");
        $(".fa-times").attr("id", "communicationClose");
    } else{
        $(".communication").removeClass("funshion-true");
         $('.communicationH3').empty();
        communication = false;
    };
 });

2-я часть

$("#communicationClose").bind("click", function() {
        $(".communication").removeClass("funshion-true");
         $('.communicationH3').empty();
        communication = false;
 });

Comments

[ArturArturov]

Консоль?

Answer 1

[#алгоптимизируй #отботизируй]

если вторая часть прицепляет слушателя только к копии коллекции,существующей на данный момент,
а эта коллекция меняется, то на новых элементах это и не будет работать

Comments

[jenya7771]

Можете предложить способ в замен на мой?

[#алгоптимизируй #отботизируй]

нужно прицепляться ко всем элементам сразу и при клике в зависимости от текущего ИД совершать необходимые действия.
Я первый раз вижу,что меняются ИД, обычно меняют класс или 'data-', мне так казалось, но сути это не меняет.
Если динамически создаются новые объекты, а не только класс ИД меняется,значит нужно прицепляться и после создания новых объектов.