묻고답하기
게시판 상단 html입력 가능부분에서 글씨를 클릭하면 슬라이딩으로 내용이 나오게 할수있을까요...?
2014.06.08 00:01
xe게시판마다 설정할수있는 게시판상단입력란에...
위젯을 넣고 싶은데
게시판들어갔을때 곧바로 위젯이 나오는게아니라
"위젯보기" 라는글씨를 누르면 위젯이 슬라이딩? 으로 노출되었으면 (혹은 안보였다가 글씨를 클릭하면 위젯이 상단에 나오는형태) 좋겠는데 방법이 있을까요?
위젯보기
게시판제목
게시판목록
↓위젯보기를 클릭하면
위젯접기
위젯
게시판제목
게시판목록
고수님들 부탁드립니다~!
댓글 3
-
콩까기
2014.06.08 01:25
<head><script src="./common/js/jquery.js"></script><script>$(document).ready(function(){$("#flip").click(function(){$("#panel").slideDown("slow");});$("#flip").click(function(){$("#panel").slideUp("slow");});});</script><style type="text/css">#panel,#flip{padding:5px;text-align:center;background-color:#e5eecc;border:solid 1px #c3c3c3;}#panel{padding:50px;display:none;}</style></head><body><div id="flip">이곳을 클릭!!</div><div id="panel"><img src="" /></div></body>이렇게 하면 클릭후 슬라이딩한후 바로 슬라이드업이되어버리는... 슬라이드다운후에도 클릭해야 슬라이드업하게 하고싶은데.. -
콩까기
2014.06.08 09:29
대충 자체해결은 했는데...
게시판 상단입력부분에
<head>
<script src="./common/js/jquery.js">
</script>
<script>
$(document).ready(function(){
$("#flip").click(function(){
$("#panel").slideDown("slow");
})
$("#flip").click(function(){
$("#panel").toggle()
})
});
</script>
style type="text/css">#panel,#flip{padding:5px;text-align:center;background-color:#e5eecc;border:solid 1px #c3c3c3;}#panel
{
padding:50px;
display:none;
}
</style>
</head>
<body>
<div id="flip" style="text-align:right;">이곳을 클릭!!</div>
<div id="panel"><img 위젯코드 /></div>
</body>
이렇게 넣어주니 글씨를 더블클릭하면 슬라이딩--다시 글씨클릭하면 슬라이드업되는게 나오기는 하네요
왜 클릭 말고 더블클릭해야 하는지는 잘 모르겠지만... 대충 만족하면서 써야겠어요^^
-
콩까기
2014.06.08 10:30
<script>$(document).ready(function(){$("#flip").click(function(){$("#panel").slideDown("slow");},function(){$("#panel").toggle()})});</script>스크립트부분 이렇게 수정했더니 클릭한번으로 슬라이드다운-업 모두 잘되네요