jQuery 隐藏/显示 jQuery隐藏/显示 解决方案 » 免费领取超大流量手机卡,每月29元包185G流量+100分钟通话, 中国电信官方发货 $( document ).ready(function() { $('.compare_c').hide(); $('#compare').click(function() { $('.compare_c').toggle(); });}); 你要什么效果啊 进入网页Compare Models是隐藏的,点击Compare Models即显示内容隐藏能点击吗 ? <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head> <title>第一个简单的jQuery程序</title><script src="http://code.jquery.com/jquery-1.9.1.min.js" type="text/javascript"></script> <script language="JavaScript" type="text/javascript">$( document ).ready(function() { $('.compare_c').hide(); $('#compare').click(function() { $('.compare_c').slideToggle('normal'); });}); </script></head><body><div id="compare"><a href="#">Compare Models</a></div> <div class="compare_c"><div><a href="#">55555</a></div><div><a href="#">66666</a></div></div> </body></html> 大大进入网页Compare Models是隐藏的,点击Compare Models即显示内容,-------这没问题现在点击55555,66666选单自动隐藏,我想要点击55555,66666选单时不会自动隐藏^_^ 貌似这东西是下拉导航吧。还是说这是单项的,下拉的话,把布局改下,就简单了,把布局用ul 和li来布局,并且把5566这些放到div里就好了,JS交流群:11489937 大大:<a href="#">这我知道,但#替换了<a href="55555-{$rdd.f_url}.html">就不行了>_<!! 你自己试试4楼的代码吧 没你说的的问题 。大大:简单说,我要做一隐藏式的产品比较选单。<a href="#">这我知道,但#替换了<a href="55555-{$rdd.f_url}.html">为比较选单的图示。当我 $('.compare_c').hide();拿掉,选单图示可正常选择不会自动收起,但一进入网页无法隐藏比较选单。加了$('.compare_c').hide();,进入网页可隐藏比较选单,但点击显示,只要点击其中一图示,随即收起隐藏了><!! 同问!隐藏怎么点?大大:简单说,我要做一隐藏式的产品比较选单。<a href="#">这我知道,但#替换了<a href="55555-{$rdd.f_url}.html">为比较选单的图示。当我 $('.compare_c').hide();拿掉,选单图示可正常选择不会自动收起,但一进入网页无法隐藏比较选单。加了$('.compare_c').hide();,进入网页可隐藏比较选单,但点击显示,只要点击其中一图示,随即收起隐藏了><!!点Compare Models效果为隐藏/显示 $( document ).ready(function() { $('.compare_c').hide(); $('#compare').click(function() { $('.compare_c').show(); });}); 各位大大:可能我问是方式错了$( document ).ready(function() { $('#compare').click(function() { $('.compare_c').slideToggle('normal'); });});<div id="class_title">{$type}</div> <div id="compare" class="compare_t"><a href="#"><span></span>Compare Models</a></div> <div class="compare_c"> <div id="feature_title"><p>Type</p></div> <div class="pclass"> {foreach from=$rstClass item=rsClass} <li><a href='product-{$rsClass.f_url}.html' title="{$rsClass.f_title}"><img src="/upload/en/product/class/{if $rsClass.f_url==$cat}a{/if}{$rsClass.f_img}" width='100%'></a></li> {/foreach} </div> <div id="inner_title"><p>Feature</p></div> <div class="pfeature"> <form id="frmFeature" action="" method="GET"> {foreach from=$rstFeature item=rsFeature} <input type="checkbox" name="p{$rsFeature.f_id}" id="i_feature{$rsFeature.f_id}" class="checkbox1" value="{$rsFeature.f_id}" {$rsFeature.f_check} onClick="document.getElementById('frmFeature').submit();"/> <label for="i_feature{$rsFeature.f_id}" title="{$rsFeature.f_title}"> <div><li><img src="/upload/en/product/icon/{if $rsFeature.f_check}a{/if}{$rsFeature.f_img}" width='100%'></li></div> </label> {/foreach} <input type="hidden" name="search" value="1"> </form> </div> </div>运行结果如下图:我要如改写jQuery, 能使菜单一开始是隐藏的,因小弟$('.compare_c').hide();结果按菜单任一选单即菜单即收起,我要的效果应是点选任何菜单,都不会收起 你的$('.compare_c').show();在哪? 请问 $('.compare_c').hide();如何只执一次 $(document).ready(function () { $('.compare_c').hide(); $('#compare').click(function () { $('.compare_c').slideDown('normal'); }); }); document.getElementsByName()某个节点 展开的操作 jquery的当前焦点的问题!!! 【首发 -- javascript 框架:Fan v1.3.22 -- 夏天里的扇子】 zcy_dr高手.请帮下忙. 大家JavaScript使用框架统计 征集IE下WEB开发比较好用的插件 又一个javascript语法 又不会.嘿嘿 大家辛苦了.连可用分 都没了,大家会帮我吗?期待中. JAVASCRIPT控制下拉列表的全部显示 怎么实现把中文转换成带%的那种编码? 有关IE状态栏的问题~ 关于dtree的问题。 AJAX提交表格某一行内容
$('.compare_c').hide();
$('#compare').click(function() {
$('.compare_c').toggle();
});
});
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>第一个简单的jQuery程序</title>
<script src="http://code.jquery.com/jquery-1.9.1.min.js" type="text/javascript"></script>
<script language="JavaScript" type="text/javascript">
$( document ).ready(function() {
$('.compare_c').hide();
$('#compare').click(function() {
$('.compare_c').slideToggle('normal');
});
}); </script>
</head>
<body>
<div id="compare"><a href="#">Compare Models</a></div>
<div class="compare_c">
<div><a href="#">55555</a></div>
<div><a href="#">66666</a></div>
</div>
</body>
</html>
你自己试试4楼的代码吧 没你说的的问题 。大大:
简单说,我要做一隐藏式的产品比较选单。
<a href="#">这我知道,但#替换了<a href="55555-{$rdd.f_url}.html">为比较选单的图示。
当我 $('.compare_c').hide();拿掉,选单图示可正常选择不会自动收起,但一进入网页无法隐藏比较选单。
加了$('.compare_c').hide();,进入网页可隐藏比较选单,但点击显示,只要点击其中一图示,随即收起隐藏了><!!
同问!隐藏怎么点?大大:
简单说,我要做一隐藏式的产品比较选单。
<a href="#">这我知道,但#替换了<a href="55555-{$rdd.f_url}.html">为比较选单的图示。
当我 $('.compare_c').hide();拿掉,选单图示可正常选择不会自动收起,但一进入网页无法隐藏比较选单。
加了$('.compare_c').hide();,进入网页可隐藏比较选单,但点击显示,只要点击其中一图示,随即收起隐藏了><!!点Compare Models效果为隐藏/显示
$('.compare_c').hide();
$('#compare').click(function() {
$('.compare_c').show();
});
});
$( document ).ready(function() {
$('#compare').click(function() {
$('.compare_c').slideToggle('normal');
});
});<div id="class_title">{$type}</div>
<div id="compare" class="compare_t"><a href="#"><span></span>Compare Models</a></div>
<div class="compare_c">
<div id="feature_title"><p>Type</p></div>
<div class="pclass">
{foreach from=$rstClass item=rsClass}
<li><a href='product-{$rsClass.f_url}.html' title="{$rsClass.f_title}"><img src="/upload/en/product/class/{if $rsClass.f_url==$cat}a{/if}{$rsClass.f_img}" width='100%'></a></li>
{/foreach}
</div>
<div id="inner_title"><p>Feature</p></div>
<div class="pfeature">
<form id="frmFeature" action="" method="GET">
{foreach from=$rstFeature item=rsFeature}
<input type="checkbox" name="p{$rsFeature.f_id}" id="i_feature{$rsFeature.f_id}" class="checkbox1" value="{$rsFeature.f_id}" {$rsFeature.f_check} onClick="document.getElementById('frmFeature').submit();"/>
<label for="i_feature{$rsFeature.f_id}" title="{$rsFeature.f_title}">
<div><li><img src="/upload/en/product/icon/{if $rsFeature.f_check}a{/if}{$rsFeature.f_img}" width='100%'></li></div>
</label>
{/foreach}
<input type="hidden" name="search" value="1">
</form>
</div>
</div>
运行结果如下图:
我要如改写jQuery, 能使菜单一开始是隐藏的,因小弟$('.compare_c').hide();结果按菜单任一选单即菜单即收起,我要的效果应是点选任何菜单,都不会收起
$('.compare_c').show();
在哪?
请问 $('.compare_c').hide();如何只执一次
$('.compare_c').hide();
$('#compare').click(function () {
$('.compare_c').slideDown('normal');
});
});