Ciao, senza entrare nel dettaglio, mi pare che sia semplicemente un problema di "propagazione dell'evento", tecnicamente chiamato event bubbling. Nel tuo caso, nel momento in cui tu clicchi su un elemento interno, anche l'elemento esterno (a cui hai comunque applicato la gestione del click) sta ricevendo a sua volta un click. In realtà il click avviene per entrambi gli elementi, anche se a te sembra che avvenga solo su quello più esterno.

Per risolvere potresti usare il metodo stopPropagation() di jQuery, da inserire opportunamente dentro la funzione che gestisce il click, in modo che la propagazione si interrompa sul primo click considerato, che sarà quello effettuato sull'elemento più interno della serie.