JQuery - nejde zmensit/zvacsit div – JavaScript, AJAX, jQuery – Fórum – Programujte.com

zdravim, potreboval by som trochu posunut, ako upravit nefunkcny kod..

mam #hlavny div velky 800px, v ktorom je tlacitko .min , ide mi o to, ze ked kliknem na tlacitko .min, #hlavny div by sa mal zmensit dajme tomu na 700px, co sa aj stane, no po opatovnom kliknuti by sa mal vratit do povodneho stavu. divy #panel, leftmenu a rightmenu sa schovavaju/vysuvaju korektne. preco nefunguje #hlavny? dakujem

$(".min").click(function(){

$("#panel").slideToggle(50);

$("#leftmenu").slideToggle(50);

$("#rightmenu").slideToggle(50);



$("#hlavny").animate({width:"704px"}, 50);



$(this).toggleClass("reset"); return false;

});

Síce trochu krkolomné riešenie, ale funguje:

$(document).ready(function(){

	    $(".min").click(function(){

		$("#panel").slideToggle(50);

		$("#leftmenu").slideToggle(50);

		$("#rightmenu").slideToggle(50);

		if ($('#hlavny').width() == 704) {

		 $("#hlavny").animate({width:"800px"}, 50);

		}

		else {

                $("#hlavny").animate({width:"704px"}, 50);

                }

		$(this).toggleClass("reset"); return false;

	});

potrebujem ale menit sirku viacerym divom..

...hm...dobré sú zavolané?...

Neviem ci toto je to co si chcel, ale skus:

$(".min").click(function(){

	$("#panel").slideToggle(50);

	$("#leftmenu").slideToggle(50);

	$("#rightmenu").slideToggle(50);

	$("#hlavny").toggle(function(){$('$hlavny').css({'width':'700px'})},function(){$('$hlavny').css({'width':'800px'})});

});