有没有更好的jQuery插件？文本下拉列表（不是菜单）答案

【问题标题】：Is there a jquery plugin that does this better? Text drop down list (Not a menu)有没有更好的jQuery插件？文本下拉列表（不是菜单）
【发布时间】：2009-09-26 15:00:14
【问题描述】：

在下一页上，我创建了一个我一直在寻找的快速模型。这是我的示例的问题：

1) 它必须是内联的，这样它才能成为句子的一部分。喜欢.. 欢迎来到我的博客，查看一些[类别]。后面还有一些文字。

2) 方框示例时，应该与下面的内容重叠，而不是往下推。

http://kyleetilley.name/examples/catbox/

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
    "http://www.w3.org/TR/html4/strict.dtd">
<html>
    <head>
        <title>Blog Design</title>

        <script src="jquery.js" type="text/javascript"></script>

        <script type="text/javascript">
        $(document).ready(function(){
            $(".catbox ul").hide();

            $(".catbox_toggle a").click(function()
            {
                $(this).parent().toggleClass("catbox_active");
                $(".catbox ul").slideToggle();
            });
        });
        </script>

        <style>
        .catbox
        {
            width: 250px;
            border: 1px solid #000;
            padding: 5px;
            position: relative;
            float: left;
        }

        .catbox ul
        {
            margin: 0;
            padding: 0;
            list-style: none;
        }
        </style>
    </head>

    <body id="">
        <h1></h1>

        <div class="catbox">
            <div class="catbox_toggle"><a href="#">Categories</a></div>
            <ul>
                <li><a href="#1">Link 1</a></li>
                <li><a href="#2">Link 2</a></li>
                <li><a href="#3">Link 3</a></li>
                <li><a href="#4">Link 4</a></li>
            </ul>
        </div>

    </body>
<html>

或者，如果你告诉我如何使用我拥有的代码完成我想要做的事情，那也会很有帮助。

【问题讨论】：

标签： jquery jquery-plugins

【解决方案1】：

试试

.catbox
{
padding: 5px;
position: relative;
display:inline-block;
zoom:1;
*display:inline;
}
.catbox ul
{
margin: 0;
padding: 0;
list-style: none;
position:absolute;
top:20px;
}

【讨论】：

IE6/7 仅在元素本身是内联的情况下才支持内联块，这是一个问题。还有，变焦？这似乎是 CSS 3（IE6 是否支持它？）但在这个示例中它实际上在做什么？
缩放：1；*显示：内联；适用于 ie7 可能 ie6 内联块不兼容

【解决方案2】：

看看filament group中的jQuery Menu（jQueryUI的原始创建者）。 This 似乎正是您所需要的。

【讨论】：