如何添加圖像來顯示/隱藏div javascript？

任何建議如何添加圖像（如+或 - ）來顯示/隱藏div在javascript中？如何添加圖像來顯示/隱藏div javascript？

我使用此代碼顯示/隱藏的div：

$(function() { 
    $('a.hide').click(function() { 
     $(this).closest('.hideable').find('.hide-container').toggle(); 
    }); 
    $('a#hide-all').click(function() { 
     $('.hide-container').hide(); 
    }); 
    $('.hide-container').hide(); 
    $('a.hide').click(function(e) { 
     e.preventDefault(); 
    }); 
});

如何添加指針影像？

來源

2011-08-16 jimbo84

我不知道我理解你的問題完全，請用少許更多的細節解釋。另一方面，您可以使用CSS display：hidden屬性來隱藏任何HTML標記。 – Gapton

好的，我需要添加+ -image，而div是隱藏的，當用戶按下鏈接它會顯示內容。鏈接被按下時，圖像應該變成負圖像。所以我想知道是否有可能將這些圖像添加到該JavaScript代碼？ – jimbo84

對不起，我真的不明白你想達到什麼目的。也許別人可以幫忙。 – Gapton

這僅僅是僞代碼：

$(image).click(function(){ 
    $(div).toggle('fast',function(){ 
     if($(div).is(":visible"))$(image).attr('src','minus-image'); 
     else $(image).attr('src','plus-image'); 
    }); 
});

來源

2011-08-16 07:37:57

認爲我做錯了什麼..我添加了那些行，但似乎沒有發生.. – jimbo84

你改變它到你的代碼？你知道這只是僞代碼，對吧？ –

我改變divs名稱，但不知道如何添加$（圖片）？ – jimbo84

設置圖像作爲你的CSS背景：

.hideable a.hide { 
    background-image: url(minus.png); 
    background-repeat: no-repeat; 
    padding-left: 12px; 
} 
.hidden a.hide { 
    background-image: url(plus.png); 
} 
.hidden .hide-container { 
    display: none; 
}

然後，使用.toggleClass()代替.toggle()。應用類的父元素：

$('a.hide').click(function(e) { 
    e.preventDefault(); 
    $(this).closest('.hideable').toggleClass("hidden"); 
}); 
$('a#hide-all').click(function() { 
    $('.hideable').addClass("hidden"); 
}); 
$('.hideable').addClass("hidden");

工作演示：http://jsfiddle.net/gilly3/rK7yN/1/

來源

2011-08-16 17:18:04 gilly3

非常感謝我認爲它現在正常工作 – jimbo84

如何添加圖像來顯示/隱藏div javascript？

回答

相關問題