<div class="bo_tit;">
<a href="javascript:;" onclick="collapse('<?echo $list[$i]['href']?>','<?echo $list[$i]['wr_id']?>', false)"
<?php
if (isset($list[$i]['icon_secret'])) echo rtrim($list[$i]['icon_secret']);
?>
<?php echo $list[$i]['subject'] ?>
</a>
</div>
이곳에 토글을 붙이고 싶고요,
collapse 스크립트는 다음 소스입니다.
<script>
var coll = true;
var other = null;
$( document ).ready( function() {
$( 'button' ).click( function() {
$( 'h1' ).fadeToggle();
} )
} );
function collapse(href,id,comment)
{
$.ajax({
url: href,
type: 'post',
data: $(this).serialize(),
success: function (data)
{
var content = /<!-- 게시물 읽기 시작 { -->([\s\S]+?)<!-- } 게시판 읽기 끝 -->/.exec(data);
if($("#"+other).css("display") != "none")
{
$("#"+other).empty();
$("#"+other).hide();
}
other = id;
if(!comment)
{
$("#"+id).html(content[1]);
}
else
{
$("#"+id).html(content[1]);
}
},
complete : function ()
{
if(!comment){
$(".view_content"+id).show();
if($("#"+id).css("display") == "none")
{
$("#"+id).show();
coll = true;
}else{
if(!coll)
{
$("#"+id).show();
if(other!=id)
$("#"+id).hide();
coll = true;
}
else
{
$("#"+id).hide();
}
}
}else
{
$(".view_content"+id).hide();
if($("#"+id).css("display") == "none")
{
$("#"+id).show();
coll=false;
}else{
if(coll)
{
$("#"+id).show();
coll=false;
}
else
{
$("#"+id).hide();
}
}
}
}
});
}
</script>
가능할까요?