How can I make text box in a matrix question appear only when its clicked?

Hi there, if you still need, I was able to put something like this in place by using the below code. Create a matrix question and add a text entry to the 3rd statement and then add the below to the OnReady of the question's JavaScript. The textbox var corresponds to the row number (row 3 = ~3~TEXT), while the "tr" correspond to the row number minus 1 (row 3 = tr:eq(2)). 
var qid = this.questionId;
var text = document.getElementById("QR~"+qid+"~3~TEXT");

jQuery(text).css("display","none");

jQuery("#"+qid+" tbody tr:eq(0)").on("click , touchstart", function() {
jQuery(text).css("display","none");
});

jQuery("#"+qid+" tbody tr:eq(1)").on("click , touchstart", function() {
jQuery(text).css("display","none");
});

jQuery("#"+qid+" tbody tr:eq(2)").on("click , touchstart", function() {
jQuery(text).css("display","block");
});
The width of the text box affects the width of the first column and so the whole table adjusts when it appears/disappears. This can be tackled by using CSS to adjust the minimum width of the first column or using a visibility property instead of display. Instead, I think a similar effect can be achieved by adding a Text Entry question after the matrix table and use in-page display logic to only display if it if any of the answer options from the 'Other' row are selected. The question might look something like the below in the Builder: