點擊UL標題更改？

<li class="main_li"> 
    <a id="post_youowe" onclick="addremoveclass('youowe')" class="main_menu changetxt2" href='javascript:void(0)'> 
     <span class="showme">Your Owe</span> 
     <span class="hideme">Outstanding</span> 
    </a> 
    <ul class="sub_ul"> 
     <li id="post_housingloan"><a class="sub_inner close_menu" href='javascript:void(0)' onclick="addremoveclass('housingloan')">Home Loans 55</a> </li> 
     <li id="post_carloan"><a class="sub_inner close_menu" href='javascript:void(0)' onclick="addremoveclass('carloan')">Car Loans</a></li> 
     <li id="post_personalloan"><a class="sub_inner close_menu" href='javascript:void(0)' onclick="addremoveclass('personalloan')">Personal Loans</a> </li> 
     <li id="post_creditcards"><a class="sub_inner close_menu" href='javascript:void(0)' onclick="addremoveclass('creditcards')">Credit Cards</a> </li> 
    </ul> 
</li>

腳本我用：點擊UL標題更改？

function addremoveclass(id) { 
    $("li").removeClass('active'); 
    $("#post_" + id + "").addClass('active'); 
    $('.result_col').hide(); 
    $('#tab' + id + '').fadeIn(); 
    $('.hideme').hide(); 
    $('.showme').show(); 
    var check = $("#post_" + id + "").parent().find(".sub_ul:visible").length; 
    if (!check) { 
     $("#post_" + id + "").find('.hideme').show(); 
     $("#post_" + id + "").find('.showme').hide(); 
    } 
}

每當我點擊標題內從「優秀」到「你欠」的主要方位的變化。我希望每當我點擊內部標題時，標題欄就會顯示爲「優秀」，並且當我最小化標題按鈕時，只顯示「你欠」。

來源

2016-07-08 Ajay Raturi

請，創建 –

你在談論的標籤在這裏https://jsfiddle.net/？但他們在哪裏？請創建一個小提琴並將其張貼在這裏。 –

您可以更新您的HTML作爲

<ul class="result_col"> 
      <li class="main_li"> 
       <a onclick="toggle(this, true);" class="main_menu changetxt2" href='javascript:void(0)'> 
        <span class="youowe" style="display:none;">Your Owe</span> 
        <span class="outstanding">Outstanding</span> 
       </a> 
       <ul class="sub_ul"> 
        <li><a class="sub_inner close_menu" href='javascript:void(0)' onclick="toggle(this, false);">Home Loans 55</a> </li> 
        <li><a class="sub_inner close_menu" href='javascript:void(0)' onclick="toggle(this, false);">Car Loans</a></li> 
        <li><a class="sub_inner close_menu" href='javascript:void(0)' onclick="toggle(this, false);">Personal Loans</a> </li> 
        <li><a class="sub_inner close_menu" href='javascript:void(0)' onclick="toggle(this, false);">Credit Cards</a> </li> 
       </ul> 
      </li> 
     </ul>

，並使用下面的腳本

function toggle(element, isParent) 
    { 
     if (isParent) 
     { 
      // Set title to you owe. 
      $(".youowe").show(); 
      $(".outstanding").hide(); 

      // toggle inner UL. 
      $(element).next().toggle(); 
     } 
     else 
     { 
      // remove active class 
      $(element).parents(".sub_ul").find("li").removeClass('active'); 

      // add active class to current element. 
      $(element).parent().addClass('active'); 

      // set title to outstanding. 
      $(".youowe").hide(); 
      $(".outstanding").show(); 
     } 
    }

這樣，你的選擇將與標題爲「優秀」打開，當你點擊優秀它將減少內部選項和標題將是「你欠」。點擊「你欠」它將擴大內部選項，進一步點擊內部選項將標題設置爲「突出」。

由於您的問題不完整，請告訴我，如果您需要別的東西，我會爲您更新腳本。

工作演示：https://jsfiddle.net/z07jurfv/3/

來源

2016-07-08 09:23:25

點擊UL標題更改？

回答

相關問題