클릭시 하트가 움직이게끔 아래와 같은 태그를 넣었는데

<a href="#" data-inven-list="list-item-1,list-item-2" data-list-id="list-item-1">
<span data-inven-id="list-item-1" ><img src="https://upload2.inven.co.kr/upload/2016/04/15/bbs/i12674247868.png"></span>
<span data-inven-id="list-item-2" style="display:none;"><img src="https://upload2.inven.co.kr/upload/2016/04/15/bbs/i13614807275.gif"></span></a>

탭을 클릭하면 전부 활성화 되어버리네요...
THANK TO 를 클릭해도 HEROES나 TO U 까지 두번째 이미지로 바뀌어버리는데
클릭한것만 활성화 할수있나요?

그리고 테두리 태그만 따로 알려주실수 있나요 ㅜㅜ 태두리 색상 변경 방법이랑 정렬 방법도 부탁드립니다 ㅜㅜ