Drop down enquiry

Drop down enquiry

by Thulasi Ram.S

HTML

<div class="MainParent">
        <div class="java_content" style="display: none;">
            test test test test test test test test test test test test test test test test
            test test test test test test test test test test test test test test test test
            test test test test test test test test test test test test test test test test
            test test test test
        </div>
        <div>
            <a rel="hide_block">Show/Hide</a>
        </div>
    </div>

CSS

.gadget-dropdown
        {
            background-color: Red;
        }

        .gadget_dropup
        {
            background-color: Yellow;
        }

JavaScript

$(document).ready(function () {            
            $('a[rel="hide_block"]').click(function (e) {
                e.preventDefault();

                var objJavaContent = $(this).parents('div.MainParent').find('div.java_content');
                $(this).addClass(objJavaContent.css('height') == 'auto' ? 'gadget_dropdown' : 'gadget_dropup');
                objJavaContent.slideToggle();
            });
        });