c# - On link click from menu BindDataList -

i have code:

 $(document).ready(function () {           $('#priroda').hide();          $('#priroda_').click(function () {             $('#znamenitosti').hide();             $('#priroda').show();           });          $('#znamenitosti_').click(function () {             $('#priroda').hide();             $('#znamenitosti').show();         });     });   </script>  <div class="meni">     <nav>     <ul>     <li class="active"><a href="#">info</a></li>     <li><a href="#" id="znamenitosti_">znamenitosti</a></li>     <li><a href="#" id="priroda_">priroda</a></li>     <li><a href="#" id="nokenzivot_">noken zivot</a></li>      </ul>         </nav>         </div> 

where have few categories in menu. when click on specific category, want show (div) tag specific category within same .aspx page, , other (div) tags other categories should hidden. (div) tag category "priroda":

<div class="priroda" id="priroda">          <asp:datalist id="datalist1" runat="server" repeatcolumns="7" cellpadding="3">   <itemtemplate> <div class="boxbutton"> <ul class="gallery"> <li><a id="a1"  href='<%# eval("ime","~/sliki/ohrid/priroda/{0}") %>' title='<%# "Од "+ eval("userid")+ ", на " +  eval("datum")+ ", " +  eval("opis")%>'  rel="facebox[gallery1]" runat="server" >  <asp:image id="image1"  imageurl='<%# bind("ime", "~/sliki/ohrid/priroda/{0}") %>' runat="server" width="140" height="140" alternatetext='<%# bind("imeslika") %>' />  </a></li></ul></div>  </itemtemplate>  </asp:datalist>     </div> 

for binding datalist used code in .cs file:

protected void binddatalist1() {     string strconnstring = system.configuration.configurationmanager         .connectionstrings["makbazaconnectionstring"].connectionstring;     sqlconnection con = new sqlconnection(strconnstring);     con.open();     //query imagesname , description database     sqlcommand command = new sqlcommand("select ime, imeslika, kategorija, datum, opis, slikapateka, userid ohrid kategorija='priroda'", con);     sqldataadapter da = new sqldataadapter(command);     datatable dt = new datatable();     da.fill(dt);     dlimages.datasource = dt;     dlimages.databind();     con.close(); } 

now don't know how call binddatalist1(); show me data when click on category. have different binddatalists each category. can tell me how call specific binddatalist category selected menu? example when click on link priroda show me (div) tag priroda , binddalalist1();, when click on link znamenitosti show me (div) tag znamenitosti , binddalalist2();

i think simple way run databind functions categories @ once, example in prerender event of "datalist1", of data on page, , each bit hidden or shown through jquery.

alternatively, use instead of tags, , have onclick property set call databind1 method.