QUESTION
Good,
The issue is that I have a top menu, but I want the last section to be conditional, and only appear when not logged in. So far no problem.
The headache comes to me now, and it is that when I am logged in I want to replace that li with a div that until now had been placed at the top of the page. But obviously I can't put a div inside a listing...
How can I insert it following the current structure?
This is the top menu.
<div class="col-md-8">
<nav class="nav-main">
<ul>
<li><a id="aQuienesSomos" runat="server" href="#">Quienes Somos</a></li>
<li><a id="aServicios" runat="server" href="#">Servicios</a></li>
<li><a id="aListadoOfertas" runat="server" href="../sec_publico/OfertasListado.aspx">Ofertas de empleo</a></li>
<li><a href="#">Contacto</a></li>
<li class="login"><i class="fa fa-user-circle"></i> <a id="aLogin" runat="server" href="#">Zona Privada</a></li>
</ul>
</nav>
</div>
This is the user div I have so far:
<div class="menu-user">
<label for="ac-2" class="label-user"> <i class="fa fa-user-circle"></i> <asp:Label ID="LblNombreInicio2" runat="server"><%=devolvernombre%></asp:Label> <i class="fa fa-caret-down "></i></label>
<input id="ac-2" name="accordion-1" type="checkbox" />
<div class="menu-dropdown">
<ul>
<li>
<a ID="aMisOfertas" class="pure-button" runat="server" value="">
<i class="fa fa-briefcase "></i> Mis ofertas
</a>
</li>
<li>
<a ID="aPerfil" class="pure-button" runat="server" value="">
<i class="fa fa-id-card"></i> Mi Perfil
</a>
</li>
<li>
<a ID="aSeguridad" class="pure-button" runat="server" value="">
<i class="fa fa-lock "></i> Cambiar contraseña
</a>
</li>
<li>
<asp:LinkButton ID="abandonar" class="pure-button perfilbtn" runat="server" OnClick="abandonar_Click" value="">
<i class="fa fa-sign-out"></i> Desconectar
</asp:LinkButton>
</li>
</ul>
</div>
</div>
And in this else is where I would like to place the div instead of the current li:
<div class="col-md-8">
<nav class="nav-main">
<ul>
<li><a id="aQuienesSomos" runat="server" href="#">Quienes Somos</a></li>
<li><a id="aServicios" runat="server" href="#">Servicios</a></li>
<li><a id="aListadoOfertas" runat="server" href="../sec_publico/OfertasListado.aspx">Ofertas de empleo</a></li>
<li><a href="#">Contacto</a></li>
<% If Yo Is Nothing Then%>
<li class="login"><i class="fa fa-user-circle"></i> <a id="aLogin" runat="server" href="#">Zona Privada</a></li>
<% Else%>
<%End If%>
</ul>
</nav>
</div>
CORRECTION (somewhat dirty code)
I have placed the div directly in the li, it works but it seems like a dirty code... If someone has a better solution, please tell me.