Hey there, I'm diving into the world of ASP and CSS concepts and have run into a basic problem.
My navigation bar currently looks like this:
<li><a href="#Div1">Division 1</a></li><br>
<li><a href="#Div2">Division 2</a></li>Below are my divisions:
<asp:UpdatePanel ID="UpdatePanel1" runat="server">
<div id="TextBox">
// a text box here which is common and should be displayed with both sections below
</div>
<div id="Div1" class="section">
// some button and text boxes here
</div>
<div id="Div2" class="section">
// some button and text boxes here
</div>
</updatePanle>
CSS file:
.section { display:none }
.section:target { display: block }
The CSS file section definition helps in selecting the correct divisions, but upon page load, only the top TextBox div is displayed.
I need div1 content to be displayed by default on page load. Also, when the textbox in the TextBox div has a value populated, the content refreshes and once again no div1 or div2 content is shown on the page.
The divs are defined within an update panel.
Any help would be greatly appreciated. Thank you!