这是我到目前为止所做的 - 我试图让文字只显示'timelineTile'变得更大..
$(function () {
$('.timelineTile').click(function (evt) {
evt.stopPropagation();
$('.selected').children().not(this).removeClass('clicked');
$(this).toggleClass('clicked');
if($('.selected').children().hasClass("clicked")){
$('.details').addClass('show');
}
});
$(document).click(function () {
$('.timelineTile').removeClass('clicked');
$('.details').removeClass('show');
});
});
答案 0 :(得分:0)
添加以下css以仅在框更大时显示文本
.timelineTile table{
display: none;
}
.timelineTile.clicked table{
display: block;
}
答案 1 :(得分:0)
http://jsfiddle.net/devools/gjyksjuh/1/ 尝试那个小提琴吗?
$(function () {
$('.timelineTile').click(function (evt) {
evt.stopPropagation();
$('.selected').children().not(this).removeClass('clicked');
$(this).toggleClass('clicked');
if($('.selected').children().hasClass("clicked")){
$('.details').removeClass('show');
$(this).children('.details').addClass('show');
}
});
$(document).click(function () {
$('.timelineTile').removeClass('clicked');
$('.details').removeClass('show');
});
});