Question

1）我有一个输入。 2）有塌陷（手风琴）阻滞。

我的技能非常低。任何人都可以帮助我吗？

在输入内容时，必须出现手风琴（对于examlpe）10个符号。

<input type="text" placeholder="your question">

<!-- This block must appears -->
        <div class="advanced-search" id="accordion">
            <div class="panel panel-default">         
            <div class="p-heading">
                <h4 class="title-panel panel-title">
                <a data-toggle="collapse" data-parent="#accordion" href="#collapseOne">
                     <!-- no title cuz action must appear this block --> <b class="caret"></b>
                </a>
                </h4>
            </div>      
            <div id="collapseOne" class="panel-collapse collapse">
                <div class="panel-body">              
                <div class="ct-row ct-col-two">
                    <span class="col-1"><div class="ct-star">*</div><div class="ct-title">what job?</div></span>
                    <span class="col-2">
                        <div class="btn-group-horizontal">
                            <div class="ck-button left">
                                <label >
                                    <input type="checkbox" value="1"><span class="left">1</span>                                        
                                </label>                        
                            </div>          
                        </div>
                    </span>
                </div>      
                </div>
            </div>          
            </div>
        </div>

Answer 1

你需要jquery和bootstrap。只需enable the accordion effect：

$('.collapse').collapse()

<强>更新

此javascript将使用输入文本

自动更新面板标题

$(document).ready(function(){
    $('#question').change(function(){
        var text = $(this).val()
        console.log(text)
        $('#collapseOne').collapse({
            toggle: true
        })
        $('#title').append(text)
    })
})

http://jsfiddle.net/2RV7T/1/

如何创建额外的手风琴（折叠）

1 个答案: