explico un poco el contexto, tengo una lista que llamo mediante una vista parcial, lo que no logro es bloquear la lista para que cuando el usuario le de clic a un elemento no se oculte, ya que si le da clic se cierra. intente invocar un div en lugar de una lista pero aun asi se sigue ocultando. ¿de que propiedad de css o alguna funcion de js o jquery me puedo apoyar para poder lograrlo?
aqui la invoco
<a href="#" id="alerts" class="dropdown-toggle" data-toggle="dropdown"><i class="fa fa-bell"></i> <b class="caret"></b></a>
<ul style="padding:0;" id="alerta1" class="dropdown-menu alert-dropdown">
</ul>
</li>
y esta es mi vista parcial
<li id="btnAlerta" class="alerta btn btn-default btnAlerta">
@Html.DisplayFor(modelItem => item.nombreCand) @Html.DisplayFor(modelItem => item.apellidoCnad)
</li>
<input id="candidato" [email protected] type="hidden">