在錶行TR鏈接

Question

我正在尋找一種方式來使用引導標籤如下引導標籤顯示的圖像。

這可以實現嗎？

的引導代碼如下，但我想鏈接適用於行'

DIV>

<!-- Nav tabs --> 
<ul class="nav nav-tabs" role="tablist"> 
<li role="presentation" class="active"><a href="#home" aria-controls="home" role="tab" data-toggle="tab">Home</a></li> 
<li role="presentation"><a href="#profile" aria-controls="profile" role="tab" data-toggle="tab">Profile</a></li> 
<li role="presentation"><a href="#messages" aria-controls="messages" role="tab" data-toggle="tab">Messages</a></li> 
<li role="presentation"><a href="#settings" aria-controls="settings" role="tab" data-toggle="tab">Settings</a></li> 
</ul> 

<!-- Tab panes --> 
<div class="tab-content"> 
<div role="tabpanel" class="tab-pane active" id="home">SHOW IMAGE 1</div> 
<div role="tabpanel" class="tab-pane" id="profile">SHOW IMAGE 2</div> 
<div role="tabpanel" class="tab-pane" id="messages">SHOW IMAGE 3</div> 
<div role="tabpanel" class="tab-pane" id="settings">SHOW IMAGE 4</div> 
</div> 

我想避免將其在TD裏面：

<td><a>....</a></td> 

由於點擊區域只會是文本，我希望它是行

我希望你能幫助我

Answer 1

對不起，我沒有看到任何表中您code snippet。不是很知道你想怎麼當用戶點擊TR彈出圖像。

您可能感興趣的手風琴。這是你的fiddle：

<button class="accordion">Home</button> 
    <div class="panel"> 
    <img> 
    </div> 
    <button class="accordion">Profile</button> 
    <div class="panel"> 
    <img> 
    </div>