Как получить выбранные имена вкладки в JQuery

Question

Вот моя скрипка http://jsfiddle.net/LTpL6/

HTML:

<ul class="tabs_down_link"> 
    <li ><a style=" padding: 7px 14px;font-size: 16px; color: #000; border- bottom:1px solid #FFFFFF;" href="#view_down7">Subject Area-Based Citations</a></li> 
                  <li ><a href="#view_down8">Sub-Area Based Citations</a></li> 
     </ul> 

<div class="tabcontents_down_link"> 
<div id="view_down7" style="line-height:180%; font-size: 14px;font-weight: bold; color: #808080; "> 
                   <input type="checkbox" />&nbsp;(SciCI)<br/> 
                   <input type="checkbox" />&nbsp;(SS&HCI)<br/> 
                   <input type="checkbox" />&nbsp; (M&HSCI) <br/> 
                   <input type="checkbox" />&nbsp;(LSciCI)<br/> 

</div> 

    <div id="view_down8" style="font-weight: bold;line-height:180%; font-size: 14px; color: #808080;"> 
                   <input type="checkbox" />&nbsp;History Citation Index<br/> 
                   <input type="checkbox"/>&nbsp;Religion Citation Index<br/> 
                   <input type="checkbox" />&nbsp;Biotechnology Citation Index<br/> 
                   <input type="checkbox" />&nbsp;Food Science Citation Index<br/> 
                   <input type="checkbox" />&nbsp;Chemistry Citation Index<br/> 
                   <input type="checkbox" />&nbsp;Mathematics Citation Index<br/> 
                   <input type="checkbox" />&nbsp;Neuroscience Citation Index<br/> 

                  </div> 
                 </div> 

Javascript:

$(document).ready(function() { 
     $('div[id^=view_down]').hide(); 
     $('#view_down7').show(); 
     $('.tabs_down_link a').click(function() { 
      var tab_id = $(this).attr('href'); 
      var now = $(this).attr('.tabs_down_link a'); 
      $('div[id^=view_down]').hide(); 
      $(tab_id).show(); 
     }); 
    }); 

Здесь все работает отлично.

В настоящее время существуют две вкладки 1.Subject порайонных Цитирование 2.Sub-Area Based Цитирование

Существует общее ДИВ, где пользователь щелкает нажмите на любой вкладке конкретного содержания будет показано в этой общей DIV , теперь его отображение корректно, но мне нужно, чтобы имена вкладок менялись в соответствии с вкладкой «Щелчок».

Итак, теперь по умолчанию используется вкладка «Цитирования по тематическим областям», поэтому, когда пользователь пытается щелкнуть «Цитирования на основе подрайона», тогда имя вкладки «Цитирования на основе подрайона» должно автоматически перейти на первую вкладку по умолчанию.

Как это сделать, пожалуйста, помогите.

Answer 1

Просто добавьте этот код в функцию $ ('. Tabs_down_link a'). Click(), и он должен соответствующим образом изменить имена вкладок.

var newName = $(this).text(); 
    $(this).text($('#selected-tab').text()); 
    $('#selected-tab').text(newName); 

Этот код будет менять имена первой выбранной вкладки и выбранной вкладки. Не забудьте указать идентификатор «selected-tab» на первой вкладке.