0

これを見つけました高さを移行するにはどうすればよいですか: 0; 高さ: 自動; CSSを使用していますか？このメソッドを使用して、ボタンのクリックでdivの高さを変更しようとしましたが、何らかの理由で機能しません。不要な情報が多くてすみません。

jQuery

function playSound(soundfile){
      document.getElementById("dummy").innerHTML = 
      "<embed src=\""+soundfile+"\" hidden=\"true\" autostart=\"true\" loop=\"false\" />";
}

   $('button').bind('click', function(e) {
         e.preventDefault();

   $('.taller').toggleClass('animated');
   });

HTML

  <div id="container">
     <span id="dummy"></span>
     <button onclick="playSound('sound/button-30.wav','sound/button30.mp3');">PlaySound</button>                         
     <div class="taller">I SHOULD BECOME TALLER</div>
  </div>

CSS

#container{
background-color:lightblue;
width:960px;
height:550px;
}

.taller{
overflow:hidden;
background:#000;
color:#fff;
width:80px;
max-height:15px;
-webkit-transition: max-height .5s linear;
-moz-transition: max-height .5s linear;
transition: max-height .5s linear;
}

.animated{
max-height:100px;
}
4

2 に答える 2

0

私はあなたのコードをjsfiddleに入れてテストしました。それはうまく機能します。何もしませんでした。ここで実際のコードを確認できますhttp://jsfiddle.net/WY7gM/

于 2012-09-18T03:54:56.097 に答える
0

これはあなたが探しているものですか？

ライブデモ

max-heightではなくheightに変更すると、正常に機能しました。トグルすると、拡大/縮小します。あなたの質問は少し曖昧ですが、これがあなたの後にあるのかどうかはわかりません。また、プレイサウンド機能をクリックバインド内に配置しないのはなぜですか？

于 2012-09-18T03:56:40.713 に答える