Показать сообщение отдельно
  #2 (permalink)  
Старый 20.01.2013, 20:09
без статуса
Отправить личное сообщение для Deff Посмотреть профиль Найти все сообщения от Deff
 
Регистрация: 25.05.2012
Сообщений: 8,219

<style>
#container .Hide{display:none;}
.tags span.B {color:red;}
</style>
<script src="http://code.jquery.com/jquery-latest.js"></script>


<div  id="container" class="tags-container clearfix">               
     <div class="tags"><a href="#">A1 <span>B1 </span></a></div>
     <div class="tags"><a href="#">A2 <span>B2 </span></a></div>
     <div class="tags"><a href="#">A3 <span>B3 </span></a></div>
     <div class="tags"><a href="#">A4 <span>B4 </span></a></div>
     <div class="tags"><a href="#">A5 <span>B5 </span></a></div>
     <div class="tags"><a href="#">A6 <span>B6 </span></a></div>
     <div class="tags"><a href="#">A7 <span>B7 </span></a></div>
     <div class="tags"><a href="#">A8 <span>B8 </span></a></div>
</div>


<script type="text/javascript">
$(document).ready(function(){
  $("#container > .tags a").each(function(){
     $(this).html($(this).html().replace(/(.*)?<span>(.*)?<\/span>/ig,'<span class="А">$1</span><span class="B Hide">$2</span>'))
  });
  $("#container > .tags a").click(function(){
     $(this).find('span').toggleClass('Hide');
     return false;
  });
});
</script>
Ответить с цитированием