Изменение css через JS

104

SEO_87

5 ноября 2010, 16:59

659

<script>

$(document).ready(function(){

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

        $(".hide").slideToggle("slow");

        $(".admin_panel").animate( { height:'40px' }, { queue:false, duration:600 } );

        

    });

    $(document.body).click(function () {

    if ($(".hide").is(":hidden")) {

$(".admin").animate( { height:'40px' }, { queue:false, duration:600 } );

} else {

$(".admin").animate( { height:'106px' }, { queue:false, duration:600 } );

}

});

$(this).toggleClass("active");

});

</script>



<div class="admin">



   <a href="#" class="button" id="ac"><span></span>свернуть</a>

      <span class="hide">

...

      </span>



</div>

Блок .hide по нажатию .button прячется и появляется, а как сделать так, чтобы у блока .admin по нажатию .button менялась высота? Сейчас высота меняется, но не возвращается к начальному состоянию

З.Ы. В JS полный ноль.

122

skAmZ

5 ноября 2010, 18:27

#1


<script> 

var click=1;

$(document).ready(function(){ 

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

        $(".hide").slideToggle("slow"); 

        $(".admin_panel").animate( { height:'40px' }, { queue:false, duration:600 } ); 

         

    }); 

    $(document.body).click(function () { 

    if (click) { 

		click=0;

		$(".admin").animate( { height:'40px' }, { queue:false, duration:600 } ); 

		} else { 

			click=1;

			$(".admin").animate( { height:'106px' }, { queue:false, duration:600 } ); 

			} 

			}); 

		$(this).toggleClass("active"); 

	}); 

</script>

Только не пойму, зачем такие сложности, по изменению размера...

104

SEO_87

5 ноября 2010, 19:19

#2

Спасибо! Все работает🍻 Просто если попытаться избавиться от этих сложностей (например сверстать .admin так, чтобы при исчезновении .hide он менял размер на нужный), то придется вставлять костыли в CSS. Я решил, что лучше с JS заморочиться, но css зато будет без костылей.

Google о том, стоит Каттс: имеет смысл создавать Шаблоны для однотипных объявлений

Open AI тестирует память для ChatGPT

Что делать, если ваша email-рассылка попала в спам