Изменить ширину Div снова при нажатии

Question

Изменить ширину Div снова при нажатии

0

У меня есть один фиксированный заголовок и одно скрытое вертикальное меню.

Когда кто-то нажимает кнопку, появляется меню, а фиксированная ширина заголовка изменяется от 100% до 82%.

Но когда я закрываю меню, мой заголовок не меняет значение на 100% снова, как я могу изменить значение ширины при повторном нажатии кнопки?

CSS

#header{
position: fixed;
height: 36px;
width: 100%;
background-color: white;
display:inline;
z-index: 1;
}

JQuery

<script>
$(window).load(function() {

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

   $("#menu").fadeToggle();
   $("#header").css({"width":"82%","left":"18%"});


});
});
</script>

благодаря

user3588879 01 май 2014, в 18:45

Источник

1

пожалуйста, добавьте ваши коды на jsfiddle, чтобы мы могли это изменить.
mortezaipo 01 май 2014, в 15:51
0

возможный дубликат ширины переключения с jQuery
Zach Saucier 01 май 2014, в 15:53

Теги:

jquery

css

1 ответ

Ещё вопросы

пожалуйста, добавьте ваши коды на jsfiddle, чтобы мы могли это изменить.
возможный дубликат ширины переключения с jQuery

Albzi · Accepted Answer · 2014-05-01T13-25-00.000Z

Попробуй это:

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

  $("#menu").fadeToggle();
  $('#header').toggle(function () {
    $("#header").css({"width":"82%","left":"18%"});
  }, function () {
    $("#header").css({"width":"100%","left":"18%"});
  });

});

Если вы используете jQuery 2. *, вы можете сделать это:

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

  $("#menu").fadeToggle();
  $('#header').toggleClass("active");

});

Просто убедитесь, что .active - это примерно так:

.active{
  width:82%;
  left:18%;
}

Обратите внимание, что .toggle() было удалено с версии 1.9
Спасибо @Felix, добавил еще один вариант, если они используют 2. *