I am loading data from database. I want to display the content when the title is clicked by using jquery's slideToggle.

My datalist is as

```
 <asp:DataList ID="dl_news" runat="server">
   <ItemTemplate>
     <asp:Label ID="ntitle" runat="server" ClientIDMode="Static"  Text='<%#Eval("title")%>'> </asp:Label> </br>
     <asp:Label  ID="ncontent" runat="server" ClientIDMode="Static"   style=" display:none; " Text ='<%#Eval("ncontent")%>'> </asp:Label>
   </ItemTemplate>

  </asp:DataList>

```

And my js is as

```
 $("#ntitle").click(function () {
        $("#ncontent").slideToggle("fast");
    });

```

The problem is that the id of lable for title and content is same for each item in datalist. Because of this only the first item on clicking shows the content, while the rest shows no reaction at all on clicking.

How do I make each item clickable and display the relative content on clicking.Please help!!