2012-03-30 430 views
0

我遇到了麻煩,當我點擊img或鏈接標記時,我的框必須被最大化,並且當我再次單擊相同的按鈕時,我的框必須最小化。 聽我遇到了麻煩,任何一個可以糾正我的問題單擊按鈕時最大化按鈕

  1. 當我點擊你好按鈕我的盒子必須最大化,當我點擊回到它需要得到減少,
  2. 聽到這個問題既是按鈕越來越大,當我開始點擊事件?

我無法找到西隧的問題是

http://jsfiddle.net/Navya/eVUkG/1/

$(function() { 
     $("#button").toggle(
      function() { 
       $("#effect").animate({ 
        backgroundColor: "#0000", 
        width: 500, 

       }, 500); 
      }, 
      function() { 
       $("#effect").animate({ 
        backgroundColor: "#000", 

        width: 240 
       }, 500); 
      } 
     ); 
    }); 
+0

請不要縮進你的鏈接作爲代碼,因爲它可以防止它被點擊的父母。閱讀http://stackoverflow.com/editing-help瞭解如何格式化您的問題。 – BoltClock 2012-03-30 13:24:50

回答

1

首先,兩個按鈕具有按鈕的ID。 Id必須是唯一的。其次,定位,而不是僅僅.effect目標按鈕(demo

$(function() { 
    $("#container").sortable({ 
     handle: 'h1', 
     scroll: false, 
     revert: true, 
     tolerance: 'pointer' 
    }); 

    $(".button").toggle(function() { 
     $(this).parent().animate({ 
      backgroundColor: "#0000", 
      width: 500, 
     }, 500); 
    }, function() { 
     $(this).parent().animate({ 
      backgroundColor: "#000", 
      width: 40 
     }, 500); 
    }); 

});​