在表行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>