Jquery live search+quicksilver plugin issue

Jquery live search+quicksilver plugin issue

Ok, as i'm sure that most people here have heard about this plugin if not here's the exact link to it. live search link
and here's a link to the demo demo and finally here's the code that i was using which is the revised version of it. revised Which was done by the main man himself apparently.

Well the problem i'm having with it is that it searches by list elements. And what i was going to do was to add in a bit of hidden text for the various items that i was listing mainly the hidden text/revealing thing it doesn't allow it to work for me. Essentially i was doing a <span class="show">Click here to reveal extra text</span><p class="hide"> some rnadom text.

here is a basic layout of the page itself. And for some reason it's not working. I"m guessing it's because it read the information after it. I guess i could create a sub list item in itself but then that'd not do a whole lot for me. Does anyone know how to edit it so that i can do what i'm trying to properly?

  1. # <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>Untitled Document</title>
    <link href="../css/style.css" rel="stylesheet" type="text/css">
    <script src="../scripts/jquery-1.4.1.js" type="text/javascript"></script>
    <script type="text/javascript" src="../scripts/functions.js"></script>
    <script type="text/javascript" src="../scripts/jquery.livesearch.js"></script>
    <script type="text/javascript" src="../scripts/quicksilver.js"></script>
    <script type="text/javascript" charset="utf-8">
        $(document).ready(function() {
            $('.q').liveUpdate($('posts')).focus();
                });
        </script>
    <script type="text/javascript" charset="utf-8">
             $(document).ready(function() {
             $(".hide").hide();
             $(".show").click(function()
             {
             $(this).next(".hide").slideToggle(200);
                });
             });
             </script>
    <style type="text/css">
        ul{
    list-style:none;
        }
    </style>
    </head>
     <body>
       <div class="float" id="float"><form method="get">Item Creation Help, Search for the Topic<input type="text" class="q" name="q" val="" /></form>
            <ul id="posts">
         <li><span class="show">Click here to reveal</span><p class="hide">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam luctus tortor in risus adipiscing at suscipit odio porta. Ut a magna ligula. Pellentesque porta, mauris eget malesuada mollis, risus est aliquet ipsum, vel commodo sem sem a arcu. Fusce eget nisi ipsum. Suspendisse vitae leo purus. Suspendisse potenti. Cras ultrices posuere lacus vel suscipit. Vivamus mauris lectus, pharetra a aliquet id, eleifend vel eros. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Suspendisse non purus justo. Vestibulum tempor tristique imperdiet. Nullam mattis venenatis nisi, nec scelerisque nulla dignissim nec. Nulla vehicula nisi sit amet felis porttitor a rhoncus lectus blandit. Ut tincidunt justo quis felis sagittis et aliquet dui malesuada. Aenean erat mi, ultrices eu placerat ut, adipiscing vel turpis. Cras venenatis orci ac erat viverra nec mollis diam rhoncus. Nunc vehicula enim ac enim rutrum mattis.</p></li>
    <div>
    </body>
    <html>