在页面启动时显示DIV，点击任何单选按钮时隐藏

因此，我决定制作所有内容都在隐藏DIV中的页面。基本上页面开始空白，没有任何内容。点击单选按钮后，会显示一个DIV，并隐藏另一个DIV。在页面启动时显示DIV，点击任何单选按钮时隐藏

这是名为“Button_name”的buttun，它将打开“opt3”div的内容。

<div id="opt3" class="desc" style="display: none;"> 
content of div 
</div>

现在：

<input id="tab-3" type="radio" name="radio-set" class="tab-selector-3" value="opt3"/> 
<label for="tab-3" class="tab-label-3"> BUTTON_NAME </label>

点击这将打开 “OPT3” 分区后

如何使一些文字会出现在新的DIV当页面被打开（或按F5刷新），但在点击菜单选项中的任何按钮后直接关闭？

编辑：

Script for buttons 
$(document).ready(function(){ 
    $("input[name=radio-set]").change(function() { 
     var test = $(this).val(); 
     $(".desc").hide(); 
     $("#"+test).show(); 
    }); 
});

OK我搞清楚在最简单的方法，我想！

如果有人想要和我一样的效果 - 你只需要放置在主div（其中任何其他div将在点击菜单按钮后显示）正常的“opt”div，但不显示：无。

<div id="opt20" class="desc" > 
Ble ble 20 
</div>

仅当页面启动时，点击任何菜单按钮后才会显示“ble ble 20”。请确保将来您不会再使用“opt20”按钮，因为它会显示您的开始内容。

来源

2013-06-26 Filip Matyja

您可以使用JavaScript/jQuery来做到这一点。它会让生活更轻松。 –

但坦率地说，我只能复制和编辑我的目的Js/jQ脚本。你有没有看到过类似的页面脚本/教程吗？ –

还有吨的教程和信息jQuery。它真的需要玩它并研究它的不同选择。以下是你可以做的一个快速样本。不完全是你可能需要的，但它可能会给你一个开始。 jQuery非常强大。你将不得不在你的代码中包含jQuery库js文件。 http://jquery.com/

一些HTML

<input id="tab-3" type="radio" name="radio-set" class="tab-selector-3" value="opt3"/> Check me 
<br /><input id="btn1" type="button" value="Click Me"> 
<div id="opt3" class="desc" style="display: none;"> 
I'm opt3 hidden from the start 
</div> 
<div id="otherdiv" class="desc" style="display: none;"> 
some other div that is shown when opt3 is clicked 
</div>

和jQuery

$(document).ready(function(){ 
    $("#btn1").click(function(){ 
     $("#opt3").show(); 
     if($("#otherdiv").is(':visible')){ 
      $("#otherdiv").hide(); 
     } 
    }); 
    $("#tab-3").change(function(){ 
     $("#otherdiv").show(); 
     if($("#opt3").is(':visible')){ 
      $("#opt3").hide(); 
     } 
    }); 

});

看到它在行动http://jsfiddle.net/8fUXW/1/

BTW谷歌具体的事情，然后需要拼凑在一起，而不是试图找到确切的解决方案。这将是非常困难的。

来源

2013-06-26 15:32:30

在页面启动时显示DIV，点击任何单选按钮时隐藏

回答

相关问题