jQuery 隐藏/显示

[mike_jhan]

我想在网页做个隐藏/显示功能如下：
$( document ).ready(function() {
$('.compare_c').hide();
$('#compare').click(function() {
$('.compare_c').slideToggle('normal');
});
});

<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>

但效果不是我要的，点击55555，66666，即隐藏了，我要的效果如下：

进入网页Compare Models是隐藏的，点击Compare Models即显示内容，点击55555，66666选单不会自动隐藏。

我应如何修改，各位大大请帮忙^_^

[mike_jhan]

引用 6 楼 u012463264 的回复:

[quote=引用 5 楼 mike_jhan 的回复:] 大大 进入网页Compare Models是隐藏的，点击Compare Models即显示内容，-------这没问题 现在点击55555，66666选单自动隐藏，我想要点击55555，66666选单时不会自动隐藏^_^

你自己试试4楼的代码吧 没你说的的问题 。[/quote] 大大： 简单说，我要做一隐藏式的产品比较选单。 <a href="#">这我知道，但#替换了<a href="55555-{$rdd.f_url}.html">为比较选单的图示。 当我 $('.compare_c').hide();拿掉，选单图示可正常选择不会自动收起，但一进入网页无法隐藏比较选单。 加了$('.compare_c').hide();，进入网页可隐藏比较选单，但点击显示，只要点击其中一图示，随即收起隐藏了><!!

[buyingwen]

引用 3 楼 u012463264 的回复:

你要什么效果啊 进入网页Compare Models是隐藏的，点击Compare Models即显示内容 隐藏能点击吗 ？

同问！隐藏怎么点？

[mike_jhan]

引用 10 楼 buyingwen 的回复:

[quote=引用 3 楼 u012463264 的回复:] 你要什么效果啊 进入网页Compare Models是隐藏的，点击Compare Models即显示内容 隐藏能点击吗 ？

同问！隐藏怎么点？[/quote] 大大： 简单说，我要做一隐藏式的产品比较选单。 <a href="#">这我知道，但#替换了<a href="55555-{$rdd.f_url}.html">为比较选单的图示。 当我 $('.compare_c').hide();拿掉，选单图示可正常选择不会自动收起，但一进入网页无法隐藏比较选单。 加了$('.compare_c').hide();，进入网页可隐藏比较选单，但点击显示，只要点击其中一图示，随即收起隐藏了><!! 点Compare Models效果为隐藏/显示

[buyingwen]

4楼的代码可以运行

[别闹腰不好]

$( document ).ready(function() { $('.compare_c').hide(); $('#compare').click(function() { $('.compare_c').toggle(); }); });

[mike_jhan]

大大还是不行

[别闹腰不好]

你要什么效果啊 进入网页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>

[mike_jhan]

大大 进入网页Compare Models是隐藏的，点击Compare Models即显示内容，-------这没问题 现在点击55555，66666选单自动隐藏，我想要点击55555，66666选单时不会自动隐藏^_^

[别闹腰不好]

引用 5 楼 mike_jhan 的回复:

大大 进入网页Compare Models是隐藏的，点击Compare Models即显示内容，-------这没问题 现在点击55555，66666选单自动隐藏，我想要点击55555，66666选单时不会自动隐藏^_^

你自己试试4楼的代码吧 没你说的的问题 。

[dandy1420]

貌似这东西是下拉导航吧。还是说这是单项的，下拉的话，把布局改下，就简单了，把布局用ul 和li来布局，并且把5566这些放到div里就好了，JS交流群：11489937

[mike_jhan]

大大： <a href="#">这我知道，但#替换了<a href="55555-{$rdd.f_url}.html"> 就不行了>_<!!

[杜子寒]

$( document ).ready(function() {
  $('.compare_c').hide();
  $('#compare').click(function() {	
  $('.compare_c').show();
  });
});

[mike_jhan]

各位大大：

可能我问是方式错了
$( 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();结果按菜单任一选单即菜单即收起，我要的效果应是点选任何菜单，都不会收起

[zctel]

你的 $('.compare_c').show(); 在哪？

[mike_jhan]

引用 4 楼 u012463264 的回复:

<!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_c').hide(); 如何只执一次

[杜子寒]

$(document).ready(function () {
        $('.compare_c').hide();
        $('#compare').click(function () {
            $('.compare_c').slideDown('normal');
        });
    });