在鏈接中包裝div然後在點擊時展開

我試圖創建一個隱藏在屏幕外的div，但鏈接懸停時會顯示一點點。該鏈接使隱藏的內容滑入，但我希望用戶能夠點擊（現在部分可見）隱藏區域的任何位置以打開它。在鏈接中包裝div然後在點擊時展開

這是爲了防止他們不得不回到他們徘徊的初始按鈕，現在已經向左移動。

我的問題是，雖然，一旦鏈接被點擊和隱藏的div是完全可見的，我真的需要鏈接到消失，否則整個頁面實際上已經成了一個大環（讓人驚訝）。

我已經嘗試了各種方法，包括.wrap（）和.unwrap（），但可以似乎添加鏈接則無法將其刪除或無法添加這一切。

如果有幫助，有當隱藏的股利是可見的，但我一直沒能得到它的工作增加了一個。主動類。

任何想法將不勝感激！

附有圖片，希望能夠給你一個更好的主意

編輯：小提琴這裏http://jsfiddle.net/29WpP/

我需要在這裏添加代碼，顯然讓這裏的一些隨機碼：

$code = "Some Code here";

enter image description here

來源

2013-04-16 onjegolders

你可以發佈標記和js嗎還是更好地做小提琴？ – SachinGutte

已經添加了小提琴，它很難顯示，因爲窗口很小！ – onjegolders

您是否嘗試過綁定單擊事件並在點擊回調中解除綁定？ – tiagojpdias

更新：

見CSS

刪除！從。主動重要Fiddle

一些變化，並通過ID針對性。

#side_container2.side_container.active, #side_container1.side_container.active { 
    margin-left: 0; 
    background-color: #FFF !important; 
}

$(".side-title a").click(function(e) { 
    e.preventDefault(); 
    var elem = this; 
    toggleElements(elem); 
    $('.side-content',$(this).closest('.side_container')).off('click').on('click', function() { 
     toggleElements(elem); 
    }); 
});

給了類 '.side標題' 所有H5的標籤，你不能有重複相同的ID。同時也是所有內容的「側面內容」。

來源

2013-04-16 13:41:39 anpsmn

在Chrome中獲得一些瘋狂的迴應。當你第一次徘徊，然後點擊時，它就會工作，但在此之後，「標籤」會一直從隱藏的內容到「標籤」滑入和滑出。讓我頭暈:) – defaultNINJA

謝謝。我不知道這是如何不同，但。我不確定當div展開時可點擊跨度是否消失，因爲這是我的意圖。 – onjegolders

@defaultNINJA啊！是的，它是越野車，需要在那裏重做:) – anpsmn

在鏈接中包裝div然後在點擊時展開

回答

相關問題