2

嗨,我需要我的代码帮助才能使下面的 html 折叠,因为它目前没有折叠

这是javascript函数代码

function(event, ui) {
    html='';
    var show = "Yes";
    html += "<h5 id='collapsible'>"+ show +"</h5>";
};

$('#history').html(html);

这是在 html 页面上显示 Yes 的 html 文本代码

<div id="history"></div>

请帮我切换/折叠<div id="history"></div>

4

4 回答 4

4

如果您已经在使用 jQuery,您可以简单地使用toggle()

$("#history").toggle();
于 2013-04-08T12:50:34.800 回答
3

您可以为此使用javascript方法:

function toggle() {
    var target = document.getElementById("history");
    if(target.style.display == 'block'){
        target.style.display = 'none';
    }
    else {
        target.style.display = 'block';
    }

要默认折叠 HTML,请设置属性:

<div id="history" style="display:none;"></div>
于 2013-04-08T12:29:53.403 回答
1

Javascript:

$('#collapseHistory').on('click', function(){
      $("#history").toggle();
});

HTML:

<div id="history" style="display: none;"></div>
<div id="collapseHistory">Show/Hide</div>

这应该工作

于 2013-04-08T13:00:14.373 回答
0

jQuery版本

http://www.codepen.io/anon/pen/xBdkl

<div id="temp" onClick="javascript:func()">Show/Hide</div>
<p/>
<div id="history"></div>
<script>
var html='';
 var show = "Yes";
 html += "<h5 id='collapsible'>"+ show +"</h5>";
  $('#history').html(html);

var func = function(){
  if($("#history").is(":visible")){
      $('#history').hide();
  }else{
  $('#history').show();
 }
}
</script>
于 2013-04-08T12:43:28.170 回答