2

javascriptを使用して上部のメニューを指定して、ページに表示されるコンテンツを切り替えようとしています(jqueryを実行できますが、方法はよくわかりません):

JavaScript

function showhidediv(rad) {
    document.getElementById("general_item").style.display = "none";
    document.getElementById("specific_item").style.display = "none";
    var sectionName = rad.value;
    document.getElementById(sectionName+'_section').style.display = "block"; 
}

HTML

<ul>
  <li value="general" onclick="showhidediv(this);">General</li>
  <li value="specific" onclick="showhidediv(this);">Specific</li>
</ul>

私の 2 つのセクションは #general_section と #specific_section です。

クリックされた < li > の値を取得できず、値 '0' を与え続けているようです。

ありがとう、

4

2 に答える 2

0

HTML

<ul id="tabs">
  <li tab-content="general">General</li>
  <li tab-content="specific">Specific</li>
</ul>

<div class="contents" id="general" style="display: none">it is general tab</div>
<div class="contents" id="specific">it is Specific tab</div>

JS (jQuery)

$('#tabs li').click(function(){
    $('.contents').hide();
    $('#' + $(this).attr('tab-content')).show();
});

JSFiddle

于 2013-08-31T01:37:01.003 に答える