Oder Du lässt nur den Antwort-Container langsam nach oben verschwinden.
Code:
<script type="text/javascript" data-author="Tony Partner">
$(document).on('ready pjax:scriptcomplete',function(){
$('#question{QID} :radio').on('change', function(e) {
$('#question{QID} .answer-container').slideUp('2000');
});
});
</script>
Im Grunde ist es immer dasselbe.
Man muss nur mit einem Webdevelopment -Tool, welches ja in jedem Browser enthalten ist, die Seite untersuchen, um zu sehen welche Klassen angesprochen werden.
Oder Du stellst Die Frage als Matrix dar.
Dann verschwindet diese - eine - Zeile nach Klick.
Das javascript ist etwas länger, da es eigentlich dafür gedacht war, eine gesamte Matrix Zeile für Zeile anzuzeigen.
Code:
<script type="text/javascript" data-author="Tony Partner">
$(document).on('ready pjax:scriptcomplete',function(){
// Identify this question
var thisQuestion = $('#question{QID}');
var thisTable = $('table.subquestion-list:eq(0)', thisQuestion);
// Hide all but the first array rows
$('tbody tr:not(:first)', thisQuestion).hide();
// Remove repeat heading rows
if($('tbody', thisTable).length > 0) {
$('tbody:gt(0) tr[id^="javatbd"]', thisTable).appendTo($('tbody:eq(0)', thisTable));
$('tbody:gt(0)', thisTable).remove();
}
// Listener on the radios
$('.answer-item :radio', thisQuestion).on('click', function(event) {
var thisRow = $(this).closest($('tr[id^="javatbd"]'));
thisRow.fadeOut(500)
});
});
</script>
Abschließend sei gesagt, dass wir diese Art, dem Teilnehmer keine Chance zu geben, eine einmal getane Entscheidung (evtl. nur verklickt) zu revidieren, nicht empfehlen.
Besser, Du überdenkst Dein Design; evtl. kann man einiges über "tayloring" lösen statt der fest verdrahteten zwei Fragen in der Gruppe.
Aber wir kennen Dein Design ja nicht.
Daher solltest Du bei Bedarf einmal einen lss Export dieser relevanten Fragen hier anhängen.
Dann könnte man weitersehen.
Joffm
Joffm
Topic Author
