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

1. элемент <a class="hidebtn" href="javascript://" title="Скрыть блок">Показать</a>
идёт первым в ячейке (текст не в счёт

2. ищем в табле ближайший элемент, ниже Кликнутого "hidebtn" - у которого: class="hideCont"

3. В табле с кликабельным элементом "hidebtn" - нет дочерних таблиц ( Табла родитель - может и быть

<script type="text/javascript" src="http://yandex.st/jquery/1.4.4/jquery.min.js"></script>


<table>
<tr>
   <td>
	<div class="hideCont" style="display:none">sadas 0</div>
   </td>
</tr>

<tr>
   <td>
   	<a class="hidebtn" href="javascript://" title="Скрыть блок">Показать</a>
   </td>
</tr>

<tr>
   <td>
	<div class="PsevDo-hideCont" style="display:none">sadas</div>
   </td>
</tr>

<tr>
    <td>
		<div class="hideCont" style="display:none">Бла бла бла текст</div>
   </td>
</tr>
</table>




<script type="text/javascript">
$(document).ready(function(){

  $("a.hidebtn").click( function(){
        var tableTd = $(this).parents("table:first").find("td");
        var start = tableTd.index($(this).parent("td"));
        var end = tableTd.length;
        var Td = tableTd.slice(start, end);
        var a = Td.find('div.hideCont').eq(0);
        a.slideToggle('normal');
        if(a.length){
			var z=$(this).text();
			$(this).text($(this).attr("title"));
			$(this).attr("title",z)
        }

      return false;
  });

});
</script>

Последний раз редактировалось Deff, 02.09.2012 в 02:22.
Ответить с цитированием