使用jquery最大化一個框

當我點擊一個面板鏈接「你好」或「嗨」時，那麼該面板必須最大化，只有該面板必須顯示在頁面中，當我再次單擊它時需要去它的原始位置，其他面板相同，我嘗試實施，但一些我去了，當我點擊hello鏈接它可以最大化，但另一個面板也可以在頁面中查看。使用jquery最大化一個框

http://jsfiddle.net/Soni/tRen6/1/ 



<script> 
$(function() { 
    $("#container").sortable({ 
     handle: 'h1', 
     scroll: false, 
     revert: true, 
     tolerance: 'touch' 
    }); 
$(".button").toggle(function() { 
     $(this).parent().animate({ 
      backgroundColor: "#0000", 
      width: 1000, 
     }, 500); 
    }, function() { 
     $(this).parent().animate({ 
      backgroundColor: "#000", 
      width: 100, 

     }, 500); 
    }); 

});

來源

2012-04-03 Navyah

不是一個優雅的方式，但它工作

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

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

}); 

});

看看它`解決。

您還可以看到next或before

或者可能創建一個類來每個元素系列。

或嘗試用eq（）計數。但我不知道你要去哪裏使用。

來源

2012-04-03 11:53:41 JGSilva

不，這不是我想象的，當我點擊一個面板，然後它需要最大化並使其他面板隱藏，當我點擊相同的面板按鈕，然後它需要回到原始位置 – Navyah 2012-04-03 13:02:06

讓我們來看看。 1）打開了painels。 2）點擊'你好'，'嗨'消失了（就像你可以點擊它了）。 3）如果再次點擊'你好'>你好，但'嗨'回來或不？也許（只是也許）你正在尋找像[這]（http://jqueryui.com/demos/accordion/）的某些東西？ – JGSilva 2012-04-03 17:15:39

不，不是，有些東西像左上角的窗口瀏覽器按鈕，我有2個框ia頁，左上角會有一個maxmiize按鈕，如果我想最大化一個框然後它需要在頁面上最大化，（像瀏覽器窗口按鈕） – Navyah 2012-04-04 06:57:44

使用jquery最大化一個框

回答

相關問題