jQuery? ??? ?? ??? ??? ??????

?????? ?? ?? ? ?? ???? ?? ??? ???? ?? ??? ??? ? ????. CMS ???. ?? ?? ? ???? ???? ???? ?? ? ????. ? ??? ????? HTML ? jQuery ??? ???? ?????? ???? ?? ?????.

?? HTML ??? ??? ?????.

<code class="html"><ul id="tabs">
  <li><a href="#tab1">test1</a></li>
  <li><a href="#tab2">test2</a></li>
  <li><a href="#tab3">test3</a></li>
  <li><a href="#tab4">test4</a></li>
</ul>
<div class="container" id="tab1">Some content</div>
<div class="container" id="tab2">Some content</div>
<div class="container" id="tab3">Some content</div>
<div class="container" id="tab4">Some content</div></code>

??? ?? jQuery ??? ????.

<code class="javascript">$('#tabs li a:not(:first)').addClass('inactive');
$('.container').hide();
$('.container:first').show();
$('#tabs li a').click(function() {
  var t = $(this).attr('href');
  $('#tabs li a').addClass('inactive');        
  $(this).removeClass('inactive');
  $('.container').hide();
  $(t).fadeIn('slow');
  return false;
})

if($(this).hasClass('inactive')){ //this is the start of our condition 
  $('#tabs li a').addClass('inactive');         
  $(this).removeClass('inactive');
  $('.container').hide();
  $(t).fadeIn('slow');    
}</code>

? ?? ??? ?? ??? href ??? ?? ? ????. ???? ?? ???? href ??? ?? ??? ???? ????? ???? ?? ???? ?????. CMS?? ?? ??? ???? ?? ??? ? ???? ???? ???? ????.

? ??? ????? ?? ?? ?? ID? ????? href ??? ??? ? ????. ?? ??? ? ???? ????? id ??? ????? jQuery ??? ?????? ???.

????? HTML? ??? ????.

<code class="html"><ul id="tabs">
  <li><a id="tab1">test1</a></li>
  <li><a id="tab2">test2</a></li>
  <li><a id="tab3">test3</a></li>
  <li><a id="tab4">test4</a></li>
</ul>
<div class="container" id="tab1C">Some content</div>
<div class="container" id="tab2C">Some content</div>
<div class="container" id="tab3C">Some content</div>
<div class="container" id="tab4C">Some content</div></code>

????? jQuery? ??? ????.

<code class="javascript">$('#tabs li a').click(function() {
  var t = $(this).attr('id');

  if($(this).hasClass('inactive')){ //this is the start of our condition 
    $('#tabs li a').addClass('inactive');           
    $(this).removeClass('inactive');

    $('.container').hide();
    $('#'+ t + 'C').fadeIn('slow');
 }
});</code>

ID? ???? id ??? ????? jQuery ??? ???? ?? ??? ????? ???? ???? ?? ??? ? ??? ? ???? ????? ? ? ????.

? ??? CMS?? ?? ??? ???? ?? ??? ???? ??? ??? ? ?????? ?? ?????. ??? ??? PHP ??? ????? ?? ?? ??? ?????!