在頁面啓動時顯示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，點擊任何單選按鈕時隱藏

回答

相關問題