toggle Event wird nur ab und zu auf div angewendet

Hallo,

ich schreibe gerade eine Funktion, die einem Löschvorgang in einem Telefonbuch ähnelt.
Klicke ich also auf das entsprechende Icon (hier nav--link--profileoverview.delete), öffnen sich quadratische divs (hier: item--checkbox), in denen man dann selektieren kann, welche Einträge gelöscht werden sollen.

Das klappt aber irgendwie immer nur für bestimmte divs und nach einem reload der Seite funktioniert es dann wieder für andere divs....

Wenn ich die anklicke, wo es nicht funktioniert, wird die css-Angabe display:none durch display: none überschrieben (es steht dann im browser:

element.style {
    display: none;
}

Woran liegt dasr?^^

function deleteEntry(){
	$(".nav__link--profileoverview.delete").bind("click", function(){
		$(".item--checkbox").show();
	});







	$(".item--checkbox").bind("click", function(){




		var person = $(event.target).attr("class");




		if(person){
			$(".img--check", this).toggle();
		}
	});
}

Ich habe in meinen Adressbucheinträgen jeweils den Namen der Person mit übergeben, da ich nicht wusste, wie ich den Haken für den Löschvorgang in jedem div einzeln setzen kann.

Meine divs werden in Javascript erzeugt:

$(".nav--letter").each(function(){
				if($(this).text() === firstname.charAt(0)){
					console.log(($(this).text() +  "==" + firstname.charAt(0)));
					if($(".letter-" + firstname.charAt(0).toLowerCase()).is(":hidden")){
						$(".letter-" + firstname.charAt(0).toLowerCase()).show();
						$(".letter-" + firstname.charAt(0).toLowerCase()).append("<li class='row item--data'>" +
							"<div class='column small-6 data--customer'><span class='profile--customer'>"+ firstname + " " + lastname +
							"</span><span class='profile--car'>" + brand + " " + model + "</span></div>"+
							"<div class='column small-6'><div class='item--checkbox checkbox-" + firstname + 
							"'><img class='img--check checkbox-" + firstname + "' src='../img/save.png'/></div></div></li>");
					} else {
						$(".letter-" + firstname.charAt(0).toLowerCase()).append("<li class='row item--data'>" +
							"<div class='column small-6 data--customer'><span class='profile--customer'>"+ firstname + " " + lastname +
							"</span><span class='profile--car'>" + brand + " " + model + "</span></div>"+
							"<div class='column small-6'><div class='item--checkbox checkbox-" + firstname + "'><img class='img--check checkbox-" + firstname + "' src='../img/save.png'/></div></div></li>");
					}
				}
			});

deshalb heißt die klasse für das div und den haken gleich.

Wenn ich also nur den Haken für bspw. den Eintrag "Sarah" setzen will, setzt er mir gleich alle, da ja alle gleich heißen. Ich wollte das mit event.target umgehen und nur den einen Eintrag anwählen können.

Die Ausgabe ergibt 4x das Gleiche (ich habe im Moment 4 Einträge) und das zweite console.log ergibt auch das Gleiche, nur dass beim zweiten mal Klicken das console.log zweimal aufgerufen wird... Ist etwas kompliziert ausgedrückt

[Bild nicht verfügbar]

ICh weiß nicht, wie ich das jetzt anders machen soll^^

Hab das Registerkärtchen gar nicht gesehen. Kann ja doch Bilder hochladen

Erst klickt man auf den Mülleimer, dann öffnet sich der kleine Kasten (das DIV).
Wenn man dann auf das DIV klickt, soll der Haken in dem Kasten erscheinen.

also der kasten ist ein div und nein, das ist ja das problem. Ich möchte ja nicht alle auf einmal löschen sondern nur bestimmte.
das heißt, nach dem du auf den mülleimer geklickt hast, öffnen sich die kästen und dann soll man die möglichkeit bekommen, bestimmte einträge zu löschen.

im moment wählt er alle an, da die haken gleich heißen... ich möchte wissen, wie ich bestimmen kann, welcher kasten und welcher nicht angewählt wird.
also nur einer und nicht alle....

Ja, so meine ich es ja^^
Aber ich will ja nicht alle Einträge löschen, sondern zum Beispiel nur 5 oder mal nur 1 oder so.

Also
1. Klcik auf Mülleimer
2. Öffne Div um die zu wählen, die ich löschen möchte
3. wenn alle gewollten eintäge angewählt sind klicke auf mülleimer
4. neues div mit der frage X Einträge löschen? öffnet sich
5. entweder abbruch wählen oder löschvorgang bestätigen

Danke
Hmm, kann ich die denn dann noch so stylen, wie mein Kasten und den Haken?^^
(Das ist für meine Bachelorarbeit)^^

Ja, das schaue ich mir morgen mal an.
Muss jetzt erstmal noch die funktion schreiben, wenn ich auf einen eintrag klicke, dass sich das profil mit den daten öffnet...

Welche Liste meinst du?