newbie question

newbie question

I've got list
Info1 - Data1
Info2 - Data2
...

and want to make it clickable the Info visible, the Data invisible.

When a line is clicked I want to happen
1. the highlight class removed and added to the clicked line
2. the data of the clicked line read out and processed

I succeded to solve both tasks separately - the first with
$(this).removeClass('Z').addClass('X')
and the second with
<a href="javascript:func1('data')">

But combinded they don't work.

Any helping hint out there?