How to write toggle in html

See more:

C#

ASP.NET

HTML

Hi i want to create toggle window in html using C#, but i have problem in creating toggle window, Some part of my code as follows

//javascript for this toggle code

sb.Append("<script type='text/javascript'>");
            // Popup window code
             sb.Append("function newPopup(url) {");
             sb.Append("popupWindow = window.open(");
             sb.Append("url, 'popUpWindow',");
            sb.Append("'height=800,width=1000,left=10,top=10,resizable=yes,scrollbars=yes,toolbar=yes,menubar");
             sb.Append("=no,location=no,directories=no,status=yes')");
             sb.Append("}");

              // Code for HIDE and SHOW of Divs
             sb.Append("var divArray = new Array();");
             sb.Append("function show_all(type) {");
             sb.Append("var tmp_arr = document.getElementsByTagName('tr');");
             sb.Append("for (var i = 0; i < tmp_arr.length; i++) {");
             sb.Append("if (tmp_arr[i].className == type) {");
             sb.Append("tmp_arr[i].style.display = '';");
             sb.Append("}");
             sb.Append("}");
             sb.Append("}");
             //Fun ction to collepse all divs
             sb.Append("function hide_all(type) {");
             sb.Append("var tmp_arr = document.getElementsByTagName('tr');");
             sb.Append("for (var i = 0; i < tmp_arr.length; i++) {");
             sb.Append("if (tmp_arr[i].className == type) {");
             sb.Append("tmp_arr[i].style.display = 'none';");
             sb.Append("}");
             sb.Append("}");
             sb.Append("}");
            //Function to toggle a div
             sb.Append("function toggel_div(divid) {");
             sb.Append("if (eval('document.getElementById('' + divid + '').style.display') == '')");
             sb.Append("eval('document.getElementById('' + divid + '').style.display = 'none'');");
             sb.Append("else");
             sb.Append("eval('document.getElementById('' + divid + '').style.display = ''');");
             sb.Append("}");
             sb.Append("</script>");

//code for creating toggle window

  sSQL = "SELECT *,DATE_FORMAT(NW_PaperDate,'%d-%M-%Y') as PaperDate FROM news_master";
  sSQL = sSQL + " WHERE (NW_PaperDate = date_sub(date('2014-01-19 '),INTERVAL 1 week))";

  DS = new DataSet();
  da = new OdbcDataAdapter(sSQL, conn);
  da.Fill(DS);

  if (DS.Tables.Count > 0)
  {
      for (int i = 0; i < DS.Tables["table"].Rows.Count; i++)
      {
          if (DS.Tables["table"].Rows.Count > 0)
          {
              lblPaperDatePrevious.Text = DS.Tables["table"].Rows[0]["PaperDate"].ToString();
              lblParagraph.Text = DS.Tables["table"].Rows[i]["NW_Detail"].ToString().Replace("<p>", "|");
              Details = lblParagraph.Text.ToString().Split('|');
              lblHeadline.Text = DS.Tables["table"].Rows[i]["NW_Headline"].ToString();
              lblHeadlineEnglish.Text = DS.Tables["table"].Rows[i]["NW_HeadlineEnglish"].ToString().Replace("'", "");

              sb.Append("<div class="article">");
              sb.Append("<p class="BlockHeading">");
              sb.Append(" <a önclick="javascript:toggel_div(" div_17112013=")" style="removed: pointer">17NOV");
              sb.Append("</a>");
              sb.Append("</p>");
              sb.Append("</div>");
              sb.Append("<div id="div_17112013" style="display: none;" class="article">");
              sb.Append("<ul class="ex_menu">");

              sb.Append("<li><a href=");<br mode=" hold=" />                         sb.Append(" .html="">");
              sb.Append("" + lblHeadline.Text.ToString() + "");
              sb.Append("</a></li>");


              sb.Append("</ul>");
              sb.Append("</div>");
          }
      }
  }
  da.Dispose();
  DS.Dispose();