using jquery .not with .on handler binder
<p>I have a function as follows:</p>

<pre><code>$(document).on("click", ".songTilesGenreContainer", function () {
    if ($(this).find(".actualTilesContainer").hasClass("minimalized")) {
        $(this).find(".actualTilesContainer").removeClass("minimalized");
        $(this).find(".actualTilesContainer").addClass("maximized");
        $(this).find(".actualTilesContainer").slideDown();
    }
    else {
        $(this).find(".actualTilesContainer").removeClass("maximized");
        $(this).find(".actualTilesContainer").addClass("minimalized");
        $(this).find(".actualTilesContainer").slideUp();
    }
});
</code></pre>

<p>Whenever user clicks on the .songTilesGenreContainer it is going to slideDown or slideUp depending on which class it has. The problem is that in that container I have some elements that I can click on and I would like the .songTilesGenreContainer not to slideUp when I click on the specified elements. To my knowledge by using the .not function does exactly what I want but how would I use it with the .on event handler?
Thanks</p>
