87,984
社区成员
发帖
与我相关
我的任务
分享求帮忙修改一下这段Jq
<script language="javascript">
Y_jQ(function() {
Y_jQ("#Admin").toggle(function() {
Y_jQ("#modmenu").parent("div").animate({
height: 20
},
520);
Y_jQ("#modmenu").animate({
marginTop: 0
},
500);
Y_jQ(this).blur();
},
function() {
Y_jQ("#modmenu").parent("div").animate({
height: 0
},
500);
Y_jQ("#modmenu").animate({
marginTop: -20
},
520);
Y_jQ(this).blur();
});
Y_jQ("#modmenu").click(function() {
Y_jQ("#modmenu").parent("div").animate({
height: 0
},
500);
Y_jQ("#modmenu").animate({
marginTop: -20
},
520);
});
})
</script>
这是一个按钮的Jq。因为是在div层里默认加了
<div id="modmenu" style="margin: -20px 0px 0px; display: none; height: auto;">来做默认时候的隐藏，现在怎么在触发点击时变成 display:block
Y_jQ(function() {
Y_jQ("#Admin").toggle(function() {
Y_jQ("#modmenu").parent("div").animate({
height: 20
},
520);
Y_jQ("#modmenu").animate({
marginTop: 0
},
500);
Y_jQ(this).blur();
},
function() {
Y_jQ("#modmenu").parent("div").animate({
height: 0
},
500);
Y_jQ("#modmenu").animate({
marginTop: -20
},
520);
Y_jQ(this).blur();
});
Y_jQ("#modmenu").click(function() {
Y_jQ("#modmenu").parent("div").animate({
height: 0
},
500);
Y_jQ("#modmenu").animate({
marginTop: -20
},
520);
});
})
</script>
这是一个按钮的Jq。因为是在div层里默认加了
<div id="modmenu" style="margin: -20px 0px 0px; display: none; height: auto;">来做默认时候的隐藏，现在怎么在触发点击时变成 display:block
...全文
请发表友善的回复…
发表回复
上官雨伦 2016-05-25
- 打赏
- 举报
我这里是正常的，不知你是什么原因，下面有个简单的Demo
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>jQuery toggle</title>
<style>
.test{height: 200px; width: 50px; background-color: red; display: none;}
</style>
</head>
<body>
<a href="javascript:;">Trigger</a>
<div class='test'></div>
<script type="text/javascript" src='http://libs.baidu.com/jquery/1.11.1/jquery.min.js'></script>
<script type="text/javascript">
$(document).ready(function() {
$('a').click(function() {
$('.test').toggle('slide');
});
});
</script>
</body>
</html>
cocotsau 2016-05-25
- 打赏
- 举报
我这里是正常的，不知你是什么原因，下面有个简单的Demo
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>jQuery toggle</title>
<style>
.test{height: 200px; width: 50px; background-color: red; display: none;}
</style>
</head>
<body>
<a href="javascript:;">Trigger</a>
<div class='test'></div>
<script type="text/javascript" src='http://libs.baidu.com/jquery/1.11.1/jquery.min.js'></script>
<script type="text/javascript">
$(document).ready(function() {
$('a').click(function() {
$('.test').toggle('slide');
});
});
</script>
</body>
</html>
上官雨伦 2016-05-25
- 打赏
- 举报
试了一下。没效果。[/quote]
我这运行正常，引用的是百度的jquery库，版本1.11.1
<script type="text/javascript" src='http://libs.baidu.com/jquery/1.11.1/jquery.min.js'></script>
big_shot 2016-05-25
- 打赏
- 举报
用hide 和 show就可以了
cocotsau 2016-05-25
- 打赏
- 举报
试了一下。没效果。[/quote]
我这运行正常，引用的是百度的jquery库，版本1.11.1
<script type="text/javascript" src='http://libs.baidu.com/jquery/1.11.1/jquery.min.js'></script>
上官雨伦 2016-05-25
- 打赏
- 举报
试了一下。没效果。
cocotsau 2016-05-25
- 打赏
- 举报
樓主你這html也太詳細了吧
jQuery支持链式语法，我感觉你的逻辑有错，下面是我修改后的代码，看看是否你想要的
$(function() {
$('#Admin').click(function(){
$("#modmenu").toggle(function(){
$(this).animate({marginTop: -20},500).parent('div').animate({height: 0},520);
},function(){
$(this).animate({marginTop: 0},500).parent('div').animate({height: 20},520);
})
});
$("#modmenu").click(function() {
$(this).animate({marginTop: -20},520).parent('div').animate({height: 0},500);
});
})
上官雨伦 2016-05-25
- 打赏
- 举报
按钮部分是
<a id="Admin" onfocus="this.blur()" href="javascript:;">{lang admin_post}</a>
隐藏内容是：
<div class="WB_CrumbsB">
<!--{if $modmenu['thread']}-->
<div id="modmenu" style="margin: -20px 0px 0px; display: none; height: auto;">
<!--{eval $modopt=0;}-->
<!--{if $_G['forum']['ismoderator']}-->
<!--{if $_G['group']['allowdelpost']}--><!--{eval $modopt++}--><a class="Mod" href="javascript:;" onclick="modthreads(3, 'delete')">{lang modmenu_deletethread}</a><!--{/if}-->
<!--{if $_G['group']['allowbumpthread'] && !$_G['forum_thread']['is_archived']}--><!--{eval $modopt++}--><a class="Mod" href="javascript:;" onclick="modthreads(3, 'bump')">{lang modmenu_updown}</a><!--{/if}-->
<!--{if $_G['group']['allowstickthread'] && ($_G['forum_thread']['displayorder'] <= 3 || $_G['adminid'] == 1) && !$_G['forum_thread']['is_archived']}--><!--{eval $modopt++}--><a class="Mod" href="javascript:;" onclick="modthreads(1, 'stick')">{lang modmenu_stickthread}</a><!--{/if}-->
<!--{if $_G['group']['allowlivethread'] && !$_G['forum_thread']['is_archived']}--><!--{eval $modopt++}--><a class="Mod" href="javascript:;" onclick="modaction('live')">{lang modmenu_live}</a><!--{/if}-->
<!--{if $_G['group']['allowhighlightthread'] && !$_G['forum_thread']['is_archived']}--><!--{eval $modopt++}--><a class="Mod" href="javascript:;" onclick="modthreads(1, 'highlight')">{lang modmenu_highlight}</a><!--{/if}-->
<!--{if $_G['group']['allowdigestthread'] && !$_G['forum_thread']['is_archived']}--><!--{eval $modopt++}--><a class="Mod" href="javascript:;" onclick="modthreads(1, 'digest')">{lang modmenu_digestpost}</a><!--{/if}-->
<!--{if $_G['group']['allowrecommendthread'] && !empty($_G['forum']['modrecommend']['open']) && $_G['forum']['modrecommend']['sort'] != 1 && !$_G['forum_thread']['is_archived']}--><!--{eval $modopt++}--><a class="Mod" href="javascript:;" onclick="modthreads(1, 'recommend')">{lang modmenu_recommend}</a><!--{/if}-->
<!--{if $_G['group']['allowstampthread'] && !$_G['forum_thread']['is_archived']}--><!--{eval $modopt++}--><a class="Mod" href="javascript:;" onclick="modaction('stamp')">{lang modmenu_stamp}</a><!--{/if}-->
<!--{if $_G['group']['allowstamplist'] && !$_G['forum_thread']['is_archived']}--><!--{eval $modopt++}--><a class="Mod" href="javascript:;" onclick="modaction('stamplist')">{lang modmenu_icon}</a><!--{/if}-->
<!--{if $_G['group']['allowclosethread'] && !$_G['forum_thread']['is_archived'] && $_G['forum']['status'] != 3}--><!--{eval $modopt++}--><a class="Mod" href="javascript:;" onclick="modthreads(4)"><!--{if !$_G['forum_thread']['closed']}-->{lang modmenu_switch_off}<!--{else}-->{lang modmenu_switch_on}<!--{/if}--></a><!--{/if}-->
<!--{if $_G['group']['allowmovethread'] && !$_G['forum_thread']['is_archived'] && $_G['forum']['status'] != 3}--><!--{eval $modopt++}--><a class="Mod" href="javascript:;" onclick="modthreads(2, 'move')">{lang modmenu_move}</a><!--{/if}-->
<!--{if $_G['group']['allowedittypethread'] && !$_G['forum_thread']['is_archived']}--><!--{eval $modopt++}--><a class="Mod" href="javascript:;" onclick="modthreads(2, 'type')">{lang modmenu_type}</a><!--{/if}-->
<!--{if !$_G['forum_thread']['special'] && !$_G['forum_thread']['is_archived']}-->
<!--{if $_G['group']['allowcopythread'] && $_G['forum']['status'] != 3}--><!--{eval $modopt++}--><a class="Mod" href="javascript:;" onclick="modaction('copy')">{lang modmenu_copy}</a><!--{/if}-->
<!--{if $_G['group']['allowmergethread'] && $_G['forum']['status'] != 3}--><!--{eval $modopt++}--><a class="Mod" href="javascript:;" onclick="modaction('merge')">{lang modmenu_merge}</a><!--{/if}-->
<!--{if $_G['group']['allowrefund'] && $_G['forum_thread']['price'] > 0}--><!--{eval $modopt++}--><a class="Mod" href="javascript:;" onclick="modaction('refund')">{lang modmenu_restore}</a><!--{/if}-->
<!--{/if}-->
<!--{if $_G['group']['allowsplitthread'] && !$_G['forum_thread']['is_archived'] && $_G['forum']['status'] != 3}--><!--{eval $modopt++}--><a class="Mod" href="javascript:;" onclick="modaction('split')">{lang modmenu_split}</a><!--{/if}-->
<!--{if $_G['group']['allowrepairthread'] && !$_G['forum_thread']['is_archived']}--><!--{eval $modopt++}--><a class="Mod" href="javascript:;" onclick="modaction('repair')">{lang modmenu_repair}</a><!--{/if}-->
<!--{if $_G['forum_thread']['is_archived'] && $_G['adminid'] == 1}--><!--{eval $modopt++}--><a class="Mod" href="javascript:;" onclick="modaction('restore', '', 'archiveid={$_G[forum_thread][archiveid]}')">{lang modmenu_archive}</a><!--{/if}-->
<!--{if $_G['forum_firstpid']}-->
<!--{if $_G['group']['allowwarnpost']}--><!--{eval $modopt++}--><a class="Mod" href="javascript:;" onclick="modaction('warn', '$_G[forum_firstpid]')">{lang modmenu_warn}</a><!--{/if}-->
<!--{if $_G['group']['allowbanpost']}--><!--{eval $modopt++}--><a class="Mod" href="javascript:;" onclick="modaction('banpost', '$_G[forum_firstpid]')">{lang modmenu_banthread}</a><!--{/if}-->
<!--{/if}-->
<!--{if $_G['group']['allowremovereward'] && $_G['forum_thread']['special'] == 3 && !$_G['forum_thread']['is_archived']}--><!--{eval $modopt++}--><a class="Mod" href="javascript:;" onclick="modaction('removereward')">{lang modmenu_removereward}</a><!--{/if}-->
<!--{if $_G['forum']['status'] == 3 && in_array($_G['adminid'], array('1','2')) && $_G['forum_thread']['closed'] < 1}--><a class="Mod" href="javascript:;" onclick="modthreads(5, 'recommend_group');return false;">{lang modmenu_grouprecommend}</a><!--{/if}-->
<!--{if $_G['group']['allowmanagetag']}--><a class="Mod" href="javascript:;" onclick="showWindow('mods', 'forum.php?mod=tag&op=manage&tid=$_G[tid]', 'get', 0)">{lang post_tag}</a><!--{/if}-->
<!--{if $_G['group']['alloweditusertag']}--><a class="Mod" href="javascript:;" onclick="showWindow('usertag', 'forum.php?mod=misc&action=usertag&tid=$_G[tid]', 'get', 0)">{lang usertag}</a><!--{/if}-->
<!--{/if}-->
<!--{if $allowpusharticle && $allowpostarticle}--><!--{eval $modopt++}--><a class="Mod" href="portal.php?mod=portalcp&ac=article&from_idtype=tid&from_id=$_G['tid']">{lang modmenu_pusharticle}</a><!--{/if}-->
<!--{hook/viewthread_modoption}-->
</div>
<!--{/if}-->
</div>
cocotsau 2016-05-25
- 打赏
- 举报
請提供更詳細的html部分代碼，以便測試
天际的海浪 2016-05-25
- 打赏
- 举报
$("#按钮id").click(function(){
$("#modmenu").show();
});
上官雨伦 2016-05-25
- 打赏
- 举报
不行啊，不显示
allali 2016-05-25
- 打赏
- 举报
$("#modmenu").click(function(){
$(this).show();
});
