0

我正在尝试做非常简单的事情，设置 div 的高度取决于高度。所以当网站加载时高度是45px，点击按钮后高度是100px。下次单击后，我希望我的高度回到 45 像素。我正在使用 jQuery，代码如下： http ://codepen.io/zlyfenek/pen/pAcaw 感谢您的帮助，因为我是 jQuery 新手。

4

5 回答 5

1

您可以使用.toggleClass()jQuery 的功能。

$(function(){
    $('.yourButton').click(function(){
       $('.yourDiv').toggleClass('big');
    });
});

演示：http: //jsfiddle.net/FYyU6/

笔记：

你的bigcss 类应该在你的小类之后Order Matters。

于 2013-01-20T17:53:29.197 回答
1

更改$("button").one为$("button").on

于 2013-01-20T17:54:02.533 回答
0

您应该只有一个将高度设置为 100px 的类，然后在单击按钮时切换它：

.opened { height: 100px; }

$("button").on("click", function() {
    $(".con_b").toggleClass("opened");
})
于 2013-01-20T17:53:50.817 回答
0 
 function showHeight(ele, h) {
$("div").text("The height for the " + ele +
" is " + h + "px.");
}

// use .on instead of .one, .one will online listen for a click one time, 
// so your second click will not be seen
$("button").on('click', function () {
  if ($(".con_b").height() == 45)
  {
    $(".con_b").height(100);
  }
  else
  {
    // show height and change height should be two different actions
    $('.con_b').height(45);
    showHeight(".con_b",$(".con_b").height());
  }

 });
于 2013-01-20T17:54:01.073 回答
0 
 function showHeight(ele, h) {
$("div").text("The height for the " + ele +
" is " + h + "px.");
}
$("button").on('click', function () {

  if ($(".con_b").height() == 45)
  {
    $(".con_b").height(100);
  }
  else
  {
    $(".con_b").height(45);
  }

它$("button").on不是$("button").one

于 2013-01-20T17:59:56.257 回答