0

そこで、すべてのコンテンツが非表示の DIV にあるページを作成することにしました。基本的に、ページはコンテンツなしで空白で開始します。ラジオボタンをクリックすると、1 つの DIV が表示され、別の DIV が非表示になります。

これは、「opt3」div のコンテンツを開く「Button_name」という名前のボタンです。

<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();
    }); 
});

OK、私はそれを最も簡単な方法で理解できると思います!

誰かが私と同じ効果を望んでいる場合-メインdiv（メニューボタンをクリックした後に他のdivが表示される場所）に通常の「opt」divを配置する必要がありますが、display:noneはありません。

<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/

ところで、正確な解決策を見つけようとするのではなく、必要なGoogle固有のものをつなぎ合わせます。それはかなり難しいでしょう。

于 2013-06-26T15:32:30.610 に答える