Home/ Questions/Q 8342453
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-09T05:46:40+00:00

I am trying to slide down content within a div tag (red rectangle) when

  • 0

I am trying to slide down content within a div tag (red rectangle) when a user enters atleast one character in a textbox (green rectangle).

If no character is entered then the div content does not show.

Here is a pic of the aspx (design):

enter image description here

And this is the JavaScript I am using to try and achieve this:

function() {
    $("#SubmitSection").hide();
    inputOne = document.getElementById("<%= TextBox1.ClientID %>");
    if (inputOne.value != "") {
        $("#SubmitSection").slideDown('slow');
    }
    else {
        $("#SubmitSection").slideUp('slow');
    }
}​

All the backend code works just fine but both the textbox and the div section show up when deployed.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    You have to hook up to an event on the textbox. The onchange event only fires after the textbox loses focus, so I suggest the onkeyup event.

    <asp:TextBox ID="TextBox1" runat="server" [...] onkeyup="updateSubmitSection()" />

    You will have to name your function so that you can call it:

    updateSubmitSection = function() {
   $("#SubmitSection").hide();
  inputOne = document.getElementById("<%= TextBox1.ClientID %>");
  // ...
}

    In addition to that, you need to call the function during the onload event of the page:

    <body onload='updateSubmitSection()'>

    The same solution using jQuery:

    $(document).ready(function() {
    updateSubmitSection();
    $('#<%= TextBox1.ClientID %>').change(updateSubmitQuery);
}
    • 0