Updating <li> class within a <ul> element
<p>I am trying to update the class of all children elements of a ul element. Here is my code:</p>

<pre><code> $('#quoteLog').find('ul').click( function(event){
            if (this == event.target) {
                $(this).children().toggleClass('details-shown');
            }
            return false;
        })
                .children().addClass('details-hidden');
</code></pre>

<p>I have been messing around with the find value without much luck. This should find every ul element within a dev element with id=quotelog and add the details-hidden class to the li elements in the ul and change them to details-shown when the targeted ul element is clicked. </p>

<p>The html for this section looks like the following:</p>

<pre><code>&lt;div id="quoteLog"&gt;
    &lt;ul class="quote"&gt; Some name
        &lt;li&gt;detail about quote&lt;/li&gt;
        &lt;li&gt;some other detail&lt;/li&gt;
    &lt;/ul&gt;
    &lt;ul class="quote"&gt; Some other name...&lt;/ul&gt;
    ...
</code></pre>

<p>Fairly new to JQuery and am having the problem with the click event being triggered or even the class being added to the li elements at all. Any help or a direction someone could point me to would be very appreciated. Thank you.</p>
