2014-10-22 4 views
-1

У меня есть сетка и дополнительная информация (любые данные).Необходимо показать дополнительную информацию

Мой HTML

<tr> 
    <td>1</td> 
    <td>2</td> 
    <td><a href="#">Show details</a></td> 
</tr> 

Итак, как я могу показать информационный блок? Могу ли я использовать jQuery для этого?

+3

Вы не можете смотреть фильм без билета! добавить больше информации –

+1

Добавьте дополнительную информацию о своем информационном блоке :) –

+1

Конечно, вы можете использовать jquery. Дайте привязке и блоку, содержащему идентификатор детали (идентификатор, если он уникален или класс, если он вообще), а затем прикрепите клип-приемник на якоре. при щелчке ссылки вы можете скрыть/показать раздел сведений. – scrappedcola

ответ

0

Если вы хотите, чтобы показать любые детали, вы должны изменить свою ссылку следующим образом и добавить блок для деталей:

<td><a id="link" href="javascript:if($('#link').text()=='Show details'){$('#info').css('display','block');$('#link').text('Hide details')}else{$('#info').css('display','none');$('#link').text('Show details')}">Show details</a></td> 
<div style="display:none" id="info">There is no additional info for 1 and 2</div> 

И не забудьте импортировать JQuery.

Смежные вопросы