using dom tree to change value of a list
===

am having a list of events which i fetch from the server and i am trying to add a show detail  image (a plus sign) to the list(each single entity in the list).

Following is the code i have written to toggle the show detail image

    if(clsname=="plusImage")
        		{
    			Ext.fly(e.target).removeCls("plusImage");
    			Ext.fly(e.target).addCls("minusImage");
    			var elem = Ext.fly(e.target).parent("tr").next().child();
    			elem.dom.innerHTML = "<br/>Hello";
    			//var nextNode = Ext.fly(e.target).insertHtml('beforeBegin',     'Hello');
    			//.parent("td").prev()
    			//Ext.getCmp("td4").showDetails = "Hello";
    	    	}    	
        
            	if(clsname=="minusImage")
        	    {
    		        Ext.fly(e.target).removeCls("minusImage");
    			Ext.fly(e.target).addCls("plusImage");  
       			var elem1 = Ext.fly(e.target).parent("tr").next().child();
    			elem1.dom.innerHTML = "<br/>Yellow";//var nextNode1 =             Ext.fly(e.target).insertHtml('beforeBegin', 'Yellow');
    		    } 

Whenever i click the "plus" image of the second item in the list then the text is changing. But when i click any other plus image of any item above or below it then also the text is changing only for the second item(the thing which is clicked first)

Not sure where am going wrong.