Help using TLF text - expand/collapse text

Question

Using a large amount of formatted text, is it possible to make titles or headlines within the text clickable? Once clicked, the portion of text would expand and collapse accordingly. The text field would likely include around 80 headlines. I found code to show/hide a string of text, but not formatted tlf text. Any ideas?

Answer 1

this will get you started:
var tf:TextField = new TextField();
tf.multiline=true;
tf.background=true;
tf.border = true;
tf.width = 400;
tf.autoSize=TextFieldAutoSize.LEFT;
tf.htmlText = "text1 <u><a href='event:link1'>link1</a></u><br>"
                         +  "text2 <u><a href='event:link2'>link2</a></u><br>"
                         +  "text3 <u><a href='event:link3'>link3</a></u><br>";
var extraTextA=["<br/><br/>extra text after link1<br/><br/>","<br/><br/>extra after link2<br/><br/>","<br/><br/>extra after link3<br/>"];
var s:String = "</a></u>";
var n:int = s.length;
tf.addEventListener(TextEvent.LINK, tfF);
this.addChild(tf);
function tfF(e:TextEvent):void {
    var insertIndex = tf.htmlText.lastIndexOf(e.text)+e.text.length+n;
    var prefixS:String = tf.htmlText.substr(0,insertIndex);
    var suffixS:String = tf.htmlText.substr(insertIndex);
    var extraS:String = extraTextA[Number(e.text.substr(4))-1];
    if(tf.htmlText.indexOf(extraS)==-1 ){
        tf.htmlText = prefixS+extraS+suffixS;
    } else {
        tf.htmlText = tf.htmlText.split(extraS).join("");