jquery按鈕來顯示/隱藏圖像和文字

我建立一個網站，在這個網站我有這兩個按鈕jQuery 當我點擊bt1圖像出現和然後我會點擊btn2的第一個圖像應該消失，並出現此按鈕btn2的第二個圖像。jquery按鈕來顯示/隱藏圖像和文字

問題是我點擊btn1，然後點擊btn2，當我想回到btn1並點擊它時，它不起作用。我必須執行雙擊對方，點擊打開圖像，然後關閉另一個。

我想單擊一次以查看圖像，當我單擊第二個按鈕時，第一個圖像消失並打開第二個圖像。

我想要那個圖像**當我打開網站時出現，但當我點擊任何按鈕（btn1，btn2）圖像隱藏消失。

** 3的圖像不是（BTN1/BTN2），但是當我打開我的卷材N當我上的任何圖像感謝單擊幫助

<html> 
<head> 

<script type="text/javascript"> 

function showhide_menu(id){ 
    $("#" + id).toggle(); 
} 

</script> 
</head> 
<body> 
<button onclick="showhide_menu('btn1');">Show/Hide. </button> 

<button onclick="showhide_menu('btn2');">Show/Hide. </button> 

<div id="btn1" style="display:none;"> 
    <img src="http://mybroadband.co.za/photos/data/500/apple-logo.jpg"/> 
    text text text text text text text text text....</div> 

<div id="btn2" style="display:none;"> 
    <img src="http://www.inquisitr.com/wp-content/2012/02/breaking-dawn-saga.jpg"/> 
    text text text text text text text text text....</div> 

</body> 
</html>

來源

2012-03-08 Ahmet agha

你的例子只是工作：http://jsfiddle.net/2gsKq/1/ – bfavaretto 2012-03-08 20:21:17

給這個btn -DIVs類消失出現。切換之前然後隱藏起來：

http://jsfiddle.net/qYCUJ/

HTML

<div id="btn1" class="btn" style="display:none;"> 
    <img src="http://mybroadband.co.za/photos/data/500/apple-logo.jpg"/> 
    text text text text text text text text text.... 
</div> 
<div id="btn2" class="btn" style="display:none;"> 
    <img src="http://www.inquisitr.com/wp-content/2012/02/breaking-dawn-saga.jpg"/> 
    text text text text text text text text text.... 
</div>

function showhide_menu(id){ 
    $('.btn:not(#'+id+')').hide(); 
    $("#" + id).toggle(); 
}

來源

2012-03-08 20:23:17 Alex

您可以使用this太

function showhide_menu(){ 
    if($('#btn1').is(':visible')) 
    { 
     $('#btn1').hide(); 
     $('#btn2').show(); 
    } 
    else 
    { 
     $('#btn2').hide(); 
     $('#btn1').show(); 
    } 
}

來源

2012-03-08 20:29:46

jquery按鈕來顯示/隱藏圖像和文字

回答

相關問題