Pewnie kolejny podobny temat, ale jakoś nie potrafię ogarnąć...

mam na stronie taki kod
http://jsfiddle.net/jc2e9gjy/

W nagłówku strony wklejam jquery-2.1.1.min.js, a potem mój plik ze skryptami. Na stronie pięknie działają widżety z opcją sortable (jQuery UI), ale ten kod za chiny nie chce działać. Myślałam, że może jest zagnieżdżony i dlatego, ale wkleiłam kod html na sam początek strony i tam też nie działa... Macie pomysł, gdzie może leżeć problem?

Może dodam, że napis Settings wydaje się być nieklikalny.

Konsola co mowi?

w Mozilli wywala mi tylko ostrzeżenia na to, że są pola haseł na niezabezpieczonej stronie. O javascript nic nie ma.

w Chrome otworzyłam konsolę javascript - też puściutko

A tak banalnie, czy ten event klika jest dodany w ready() jquery?

nie, mogę Ci wyświetlić cały mój kod, jaki mam:

[PHP] pobierz, plaintext 
/* moduły */
  $(function() {
    $( "#sortable" ).sortable({
		cancel: ".verticalmods",
		placeholder: "place-holder-1",
		opacity: 0.8,
		revert: 100, //animacja
		items: ">li:not(.verticalmods)",
		dropOnEmpty: true,
	});
 
  });
 
  $(function() {
    $( "#verticalmods" ).sortable({
			placeholder: "place-holder-2"
	});
  }); 
 
 /* moduły settings */
 
$("#settings li").click(function() {
            $(this).find("ul").slideToggle("slow");
        });
 
[PHP] pobierz, plaintext 

[PHP] pobierz, plaintext 
$(function() {
	$( "#sortable" ).sortable({
		cancel: ".verticalmods",
		placeholder: "place-holder-1",
		opacity: 0.8,
		revert: 100, //animacja
		items: ">li:not(.verticalmods)",
		dropOnEmpty: true,
	});
 
 
 
	$( "#verticalmods" ).sortable({
		placeholder: "place-holder-2"
	});
 
	/* moduły settings */
 
	$("#settings li").click(function() {
		$(this).find("ul").slideToggle("slow");
	});
 
});
[PHP] pobierz, plaintext 

Umiesc to tez w $(function() {})

Dzięki chyba muszę się jeszcze trochę teorii pouczyć proszę, wybaczcie, dopiero zaczynam pisać w jQuery...