$("ul.sub1").removeAttr("id");
$("ul.sub2").removeAttr("id");

switch (document.getElementById('state').className) {
  case "actcur1":
  $('ul.sub1').animate({
				width: 'show',
				opacity: 'show'
			}, 1200);
    break;
  case "actcur2":
	$('ul.sub1').animate({
				opacity: 'show'
			}, 0);
	$('ul.sub2').animate({
				height: 'show',
				opacity: 'show'
			}, 1200);
    break;
  case "actcur3":
	$('ul.sub1').animate({
				opacity: 'show'
			}, 0);
	$('ul.sub2').animate({
				opacity: 'show'
			}, 0);
    break;
  default:
    break;
}


$('.m1').click(function() {
$('ul.sub1').animate({
				widtht: 'hide',
				opacity: 'hide'
			}, 1200);	

$('ul.sub2').animate({
				height: 'hide',
				opacity: 'hide'
			}, 1200);	


});



$('.m2').click(function() {
$('ul.sub2').animate({
				height: 'hide',
				opacity: 'hide'
			}, 1200);	
});