[SOLUCIONADO] ¿Como hacer para que el ultimo dropdown se despliegue hacia arriba?

[eugebertoni]

Hola gente, a ver si me pueden ayudar. Este es mi problema:
Tengo una lista de dropdowns y necesito que el ultimo se despligue hacia arriba.

Este es el html, no lo puedo tocar para agregarle un id ni nada de eso:

<ul style="" class="dropdown-menu" data-bind="foreach: Evaluations, visible: Evaluations().length != 0">
<li>
<a href="Player.aspx?enrollmentid=262&amp;itemid=QUIZ _4OLE" data-bind="text: Title, attr: { href: 'Player.aspx?enrollmentid=' + $parent.Id + '&amp;' + 'itemid=' + Id }">Quiz</a>
</li>

<li>
<a href="Player.aspx?enrollmentid=262&amp;itemid=ASSI GNMENT_4OLE" data-bind="text: Title, attr: { href: 'Player.aspx?enrollmentid=' + $parent.Id + '&amp;' + 'itemid=' + Id }">Assignment</a>
</li>

<li>
<a href="Player.aspx?enrollmentid=262&amp;itemid=TEST _4OLE" data-bind="text: Title, attr: { href: 'Player.aspx?enrollmentid=' + $parent.Id + '&amp;' + 'itemid=' + Id }">Test</a>
</li>

<li>
<a href="Player.aspx?enrollmentid=262&amp;itemid=QUIZ _4OLE_2" data-bind="text: Title, attr: { href: 'Player.aspx?enrollmentid=' + $parent.Id + '&amp;' + 'itemid=' + Id }">Quiz</a>
</li>
</ul>


Este es el codigo que yo habia creado, pero no me esta funcionando y aparte haria que todos los dropdowns se desplieguen hacia arriba en vez de solo el ultimo.

var dropdown = $(".dropdown"); /* llamo a todos los dropdowns*/
if (dropdown.length >=4) { /*si la cantidad de dropdowns es igual o mayor a 4*/
var dropchilds = $(".dropdown:last").children(); /*llamo a los hijos del ultimo dropdown*/
if (dropchilds.length >= 3){ /* si los hijos del ultimo dropdown son 3 o más*/
$("div .dropdown-menu").css({
"position":"absolute" ,
"bottom":"100%" ,
"top":"initial"
}); /*se le otorgaran estos estilos a la clase .dropdown-menu*/
}
}

Si me podrian ayudar les agradeceria muchisimo!!