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按钮来显示/隐藏图像和文字

回答

相关问题