0

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

这是名为“Button_name”的按钮，它将打开“opt3”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：

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

现在：

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

编辑：

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

好吧，我想我用最简单的方法解决了！

如果有人想要和我一样的效果 - 你只需要放入主 div（单击菜单按钮后任何其他 div 都会显示）普通的“选择”div，但没有显示：无。

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

这将仅在页面启动时显示“ble ble 20”，并且在单击任何菜单按钮后将隐藏。请确保以后您不再使用“opt20”按钮，因为它会显示您的开始内容。

4

1 回答 1

0

有大量的教程和信息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/

顺便说一句，您需要谷歌特定的东西，然后将它们拼凑在一起，而不是试图找到一个确切的解决方案。那将是相当困难的。

于 2013-06-26T15:32:30.610 回答