jQuery 隐藏/显示

$( 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');
        });
    });

调试易

jQuery 隐藏/显示

解决方案 »