基於首先點擊不同覆蓋

Question

很簡單我猜：

我有兩個鏈接：INFO和THUMBNAILS。
第一全身

{z-index:+1} 

第二打開與微縮頁面（Z-指數：+1）打開一個信息頁面

我如何代碼，當兩個中的一個是開放的，如果我點擊另一個它重疊？

http://jsfiddle.net/8g6bm1px/

Answer 1

$(document.body).ready(function(){ 
var hidden=$('.hidden'); 
var thumbnails=$('.thumbnails'); 
$('#thumb').click(function(){ 
    if(thumbnails.hasClass('visible')){ 
     thumbnails.removeClass('visible'); 
    } 
    else{ 
     thumbnails.addClass('visible'); 
     hidden.removeClass('visible'); 
    } 
}); 
$('#slid').click(function(){ 
    if(hidden.hasClass('visible')){ 
     hidden.removeClass('visible'); 
    } 
    else{ 
     hidden.addClass('visible'); 
     thumbnails.removeClass('visible'); 
    } 
});}); 

這裏你去，代碼固定。

Answer 2

如果你想確保最後打開的鏈接將在最前面，可能是最簡單的方法是使用jQuery和一些類具有較高的z-index

CSS：

.last-opened { 
    z-index: 10001; 
} 

的jQuery：

$('a').click(function() { 
    $('a').removeClass('last-opened'); 
    $(this).addClass('last-opened'); 
}); 

你更新 JSFiddle