2014-09-23 3 views
0

это то, что я до сих пор - я пытаюсь получить только текст, чтобы показать, когда «timelineTile» сделан больше ..JQuery, если hasclass addclass

$(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'); 
    }); 
}); 

fiddle also

+2

Не получается, какая именно проблема, пожалуйста, уточните больше? –

+0

Вы имеете в виду «пытаться заставить текст показывать только»? В настоящий момент позиция * only * привязывает ее к * text * not * show *. –

+0

Я хочу, чтобы текст отображался только при щелчке по окну, который расширяется красным цветом .. и когда, когда вы нажимаете на другой, текст затем прячется, как поле возвращается, как оно было, а затем нажимает на другое поле и показывает текст, поэтому как и коробки, но с текстом тоже .. –

ответ

0

Добавьте следующий CSS, а также, чтобы показать текст только тогда, когда коробка больше

.timelineTile table{ 
    display: none; 
} 
.timelineTile.clicked table{ 
    display: block; 
} 
+0

Супер! Спасибо! –

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'); 
    }); 
}); 
+0

это почти срабатывает, но при нажатии на ту же коробку оно остается –

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