<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script>
<script src="//code.jquery.com/jquery-1.11.1.min.js"></script>
<!------ Include the above in your HEAD tag ---------->
<nav class="navbar navbar-inverse">
<div class="navbar-header">
<button class="navbar-toggle" type="button" data-toggle="collapse" data-target=".js-navbar-collapse">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="#">CoT WIA</a>
</div>
<div class="collapse navbar-collapse js-navbar-collapse">
<ul class="nav navbar-nav">
<li class="dropdown mega-dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Learn <span class="caret"></span></a>
<ul class="dropdown-menu mega-dropdown-menu">
<!--<li class="col-sm-3">
<ul>
<li class="dropdown-header">Men Collection</li>
<div id="menCollection" class="carousel slide" data-ride="carousel">
<div class="carousel-inner">
<div class="item active">
<a href="#"><img src="http://placehold.it/254x150/ff3546/f5f5f5/&text=New+Collection" class="img-responsive" alt="product 1"></a>
<h4><small>Summer dress floral prints</small></h4>
<button class="btn btn-primary" type="button">49,99 €</button> <button href="#" class="btn btn-default" type="button"><span class="glyphicon glyphicon-heart"></span> Add to Wishlist</button>
</div>
<div class="item">
<a href="#"><img src="http://placehold.it/254x150/3498db/f5f5f5/&text=New+Collection" class="img-responsive" alt="product 2"></a>
<h4><small>Gold sandals with shiny touch</small></h4>
<button class="btn btn-primary" type="button">9,99 €</button> <button href="#" class="btn btn-default" type="button"><span class="glyphicon glyphicon-heart"></span> Add to Wishlist</button>
</div>
<div class="item">
<a href="#"><img src="http://placehold.it/254x150/2ecc71/f5f5f5/&text=New+Collection" class="img-responsive" alt="product 3"></a>
<h4><small>Denin jacket stamped</small></h4>
<button class="btn btn-primary" type="button">49,99 €</button> <button href="#" class="btn btn-default" type="button"><span class="glyphicon glyphicon-heart"></span> Add to Wishlist</button>
</div>
</div><!-- End Carousel Inner -->
<!-- Controls -->
<!--
<a class="left carousel-control" href="#menCollection" role="button" data-slide="prev">
<span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</a>
<a class="right carousel-control" href="#menCollection" role="button" data-slide="next">
<span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a>
</div><!-- /.carousel -->
<!--
<li class="divider"></li>
<li><a href="#">View all Collection <span class="glyphicon glyphicon-chevron-right pull-right"></span></a></li>
</ul>
</li>-->
<li class="col-sm-3">
<ul>
<li class="dropdown-header">How-To</li>
<li><a href="#">Make your home more environmentally friendly</a></li>
<li><a href="#">Make your home safe and healthy</a></li>
<li><a href="#">Prevent Pollution in Waterways</a></li>
<li><a href="#">Prevent Illness and Injury</a></li>
<li><a href="#">Prevent accident and injury</a></li>
<li><a href="#">Prevent infectious and chronic diseases</a></li>
<li><a href="#">Promote mental health and access support</a></li>
<li><a href="#">Access subsidized housing</a></li>
<li><a href="#">Create affordable housing</a></li>
<li><a href="#">Stay safe on Toronto Roads</a></li>
<li><a href="#">Pay, appeal or defer Property Taxes</a></li>
<li><a href="#">Use less water</a></li>
<li><a href="#">Manage rainwater and snowmelt</a></li>
<li><a href="#">Prevention and cleanup of basement flooding</a></li>
<li><a href="#">Make a claim or taking legal action against the City</a></li>
<li><a href="#">serving legal documents for claims against the City</a></li>
<li><a href="#">start a business</a></li>
<li><a href="#">make your business more environmentally friendly</a></li>
<li><a href="#">do business at a city park</a></li>
<li><a href="#">introduce and pilot a new product or service to the City</a></li>
</ul>
</li>
<li class="col-sm-3">
<ul>
<li class="dropdown-header">Education</li>
<li><a href="#">for Pet Owners</a></li>
<li><a href="#">how shelters and mobile animal services look after animals</a></li>
<li><a href="#">Child Care Operator Resources</a></li>
<li><a href="#">How Weather & Pollution impact Health</a></li>
<li><a href="#">Risks & Care for Trees</a></li>
<li><a href="#">Aboriginal Communities in Toronto</a></li>
<li><a href="#">Resources for Journalists & Media</a></li>
<li><a href="#">Resources for Provincial Offences Act enforcement</a></li>
<li><a href="#">Risks and Care for Trees</a></li>
<li><a href="#">Recycling and Garbage</a></li>
<li><a href="#">First-aid for health related emergencies</a></li>
<li><a href="#">Fire safety</a></li>
<li><a href="#">Long-term care homes and services</a></li>
<li><a href="#">Pregnancy, Parenting and infant health</a></li>
<li><a href="#">Healhty growth and development of children</a></li>
<li><a href="#">Common health issues for people between 12 and 21</a></li>
<li><a href="#">Counselling and education to reduce the effects of addiction</a></li>
<li><a href="#">Information and resources for health care professionals</a></li>
<li><a href="#">Preparing for Emergencies and Disasters</a></li>
<li><a href="#">Preparing your business for Emergencies and Disasters</a></li>
<li><a href="#">Toronto's emergency plan</a></li>
<li><a href="#">Healthy food choices</a></li>
</ul>
</li>
<li class="col-sm-3">
<ul>
<li><a href="#">Traffic Management</a></li>
<li><a href="#">How the City prosecutes offences</a></li>
<li><a href="#">How unpaid Provincial Offences fines are collected</a></li>
<li><a href="#">resources for jounralists and media</a></li>
<li><a href="#">training for hospitality professionals and volunteers</a></li>
<li><a href="#">heritage conservation and preservation</a></li>
<li><a href="#">City government and how it works</a></li>
<li><a href="#">Business operation and expansion</a></li>
<li class="divider"></li>
<li class="dropdown-header">Budget & Finance</li>
<li><a href="#">City Budget and how it works</a></li>
<li><a href="#">planning of City operating and capital budgets</a></li>
<li><a href="#">City financial policy</a></li>
<li><a href="#">City corporate banking and payments</a></li>
<li><a href="#">City accounts payable processing</a></li>
<li><a href="#">billing and invoicing City vendor and renters</a></li>
<li><a href="#">pension plans for fomer City employees</a></li>
</ul>
</li>
<li class="col-sm-3">
<ul>
<li class="dropdown-header">Data, Reports & Metrics</li>
<li><a href="#">Child & Family Reports</a></li>
<li><a href="#">Opendata</a></li>
<li><a href="#">Health-related research and reports</a></li>
<li><a href="#">Fire incident reports</a></li>
<li><a href="#">Quality and testing of Toronto's tap water</a></li>
<li><a href="#">City operating and capital budget reports and summaries</a></li>
<li><a href="#">annual audit of accounts and transactions</a></li>
<li><a href="#">audits of organizations on behalf of City Council</a></li>
<li><a href="#">building records and information</a></li>
<li><a href="#">government accountability and reporting on government services and activities</a></li>
<li><a href="#">City financial reports</a></li>
<li><a href="#">Economic research, data and reports</a></li>
<li><a href="#">Reports on Toronto's quality of life and performance of City services</a></li>
<li><a href="#">Reports to Council from the Loggyist Registrar</a></li>
<li><a href="#">City planning data and research</a></li>
<li><a href="#">polls regarding changes in a neighborhood</a></li>
<li><a href="#">facts about Toronto neighborhoods</a></li>
<li><a href="#">City records, images and data</a></li>
<li class="divider"></li>
<li class="dropdown-header">Mayor & Council</li>
<li><a href="#">Office of the Mayor</a></li>
<li><a href="#">Office of the Toronto Ombudsman</a></li>
<li><a href="#">City Councillors and their expenses</a></li>
<li><a href="#">Registry of gifts and benefits received by a member of Council</a></li>
<li><a href="#">how the Integrity Commissioner oversees Councillors and City boards</a></li>
</ul>
</li>
</ul>
</li>
<li class="dropdown mega-dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Lookup <span class="caret"></span></a>
<ul class="dropdown-menu mega-dropdown-menu">
<li class="col-sm-3">
<ul>
<li class="dropdown-header">City Status</li>
<li><a href="#">Road Closures</a></li>
<li><a href="#">Construction in your Neighborhood</a></li>
<li><a href="#">Road maintenance</a></li>
<li class="divider"></li>
<li class="dropdown-header">Events</li>
<li><a href="#">City Run Environmental Events</a></li>
<li><a href="#">festivals and events in Toronto</a></li>
<li><a href="#">create and promote your own event on the City's website</a></li>
<li><a href="#">Events of cultural significance</a></li>
<li><a href="#">Events and entertainment industry</a></li>
<li class="divider"></li>
<li class="dropdown-header">Spaces</li>
<li><a href="#">Emergency Shelters</a></li>
<li><a href="#">Long-Term Care Homes</a></li>
<li><a href="#">Payment Counters</a></li>
<li><a href="#">City owned properties</a></li>
<li><a href="#">Purchasing, renting or leasing a city property</a></li>
<li><a href="#">water mains and sewers</a></li>
<li><a href="#">street amenities</a></li>
<li><a href="#">city-run museums, cultural centres, art galleries, exhibits and heritage sites</a></li>
<li><a href="#">city-run zoos and animal attractions</a></li>
<li><a href="#">Toronto islands and beaches</a></li>
<li><a href="#">City-run parks, trails and golf courses</a></li>
<li><a href="#">City gardens</a></li>
<li><a href="#">Recreation centres and park facilities</a></li>
<li><a href="#">communicty spaces for social and recreational activities</a></li>
<li><a href="#">municipal or provincial court cases</a></li>
</ul>
</li>
<li class="col-sm-4">
<ul>
<li class="dropdown-header">Bylaws, Regulations & Standards</li>
<li><a href="#">Animal Relatd Bylaws</a></li>
<li><a href="#">Regulations & Bylaws for Water & Sewers</a></li>
<li><a href="#">Tree Bylaws</a></li>
<li><a href="#">Sign Bylaws</a></li>
<li><a href="#">Property Zoning & Bylaws</a></li>
<li><a href="#">Property Standards, Licenses & Permits</a></li>
<li><a href="#">Bylaw & Toronto Municipal Code</a></li>
<li><a href="#">Building & Construction Policies, Codes & Bylaws</a></li>
<li><a href="#">Garbage policies, rates and bylaws</a></li>
<li><a href="#">Garbage Policies & Bylaws</a></li>
<li><a href="#">Plans & Policies to Ensure Accessibility</a></li>
<li><a href="#">Plans, Policies and Procedures to ensure accessible City service</a></li>
<li><a href="#">Policies and Procedures to ensure Human Rights when accessing City services</a></li>
<li><a href="#">Standards for Designing and Constructing City Infrastructure</a></li>
<li><a href="#">Sreet Name & Address Requirements</a></li>
<li><a href="#">Construction Requirements & Guildelines</a></li>
<li><a href="#">Health Regulation and enforcement</a></li>
<li><a href="#">Fire code regulation and enforcement</a></li>
<li><a href="#">Parking Rules</a></li>
<li><a href="#">Lobbying bylaw interpretation</a></li>
<li><a href="#">Lobbyist regulations</a></li>
<li><a href="#">policies and guidelines for City development</a></li>
<li><a href="#">municipal numbering a property</a></li>
<li><a href="#">construction regulations involving trees</a></li>
<li><a href="#">regulating partnerships with the City of Toronto</a></li>
</ul>
</li>
<li class="col-sm-2">
<ul>
<li class="dropdown-header">Maps</li>
<li><a href="#">maps of Toronto</a></li>
<li><a href="#">Utility maps and infrastructure engineering drawings</a></li>
<li><a href="#">profile of City Wards</a></li>
<li><a href="#">Cycling in Toronto</a></li>
<li><a href="#">Walking in Toronto</a></li>
<li class="divider"></li>
<li class="dropdown-header">Schedules, Rates & Fees</li>
<li><a href="#">Recycling and Garbage Collection</a></li>
<li><a href="#">Garbage Rates and Utility Billing</a></li>
<li><a href="#">Property Value Assessment Lookup</a></li>
<li><a href="#">Water rates and charges</a></li>
<li><a href="#">Water pipes and meter in your home</a></li>
<li><a href="#">False fire alarm charges and fees</a></li>
</ul>
</li>
<li class="col-sm-3">
<ul>
<li class="dropdown-header">Projects</li>
<li><a href="#">Active Development Projects</a></li>
<li><a href="#">Construction & Infrastructure Projects</a></li>
<li><a href="#">Neighborhood Improvements & Apartment Building Updates</a></li>
<li><a href="#">City Initiatives to be more Environmentally Friendly</a></li>
<li><a href="#">Planning & Development</a></li>
<li><a href="#">long-term planning and vision for the City</a></li>
<li><a href="#">City planning initiatives and studies</a></li>
<li><a href="#">Toronto waterfront renewal plans and projects</a></li>
<li><a href="#">The Official Plan</a></li>
<li><a href="#">Recreation and park improvement projects</a></li>
<li class="divider"></li>
<li class="dropdown-header">Programs & Awards</li>
<li><a href="#">Early Childhood Education Programs</a></li>
<li><a href="#">Child & Family Programs</a></li>
<li><a href="#">Liability Insurance Program</a></li>
<li><a href="#">Before and After School Programs for Children</a></li>
<li><a href="#">Long-term care programs for lower income seniors, ill or disabled</a></li>
<li><a href="#">Health Clinics and free services</a></li>
<li><a href="#">Community Safety Programs</a></li>
<li><a href="#">liability insurance program for City facilities and events</a></li>
<li><a href="#">street beautification program</a></li>
<li><a href="#">arts education and culture outreach programs</a></li>
<li><a href="#">camps school groups and educational programs at city-run museums and historic sites</a></li>
<li><a href="#">Toronto tourist information and programs</a></li>
<li><a href="#">Gardening programs</a></li>
<li><a href="#">Drop-in leisure and recreation programs</a></li>
<li><a href="#">Urban design programs and awards</a></li>
<li><a href="#">Winning an environmental award</a></li>
<li><a href="#">arts and culture awards</a></li>
<li><a href="#">Social services for emergency or disaster victims</a></li>
</ul>
</li>
</ul>
</li>
<li class="dropdown mega-dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Get Involved <span class="caret"></span></a>
<ul class="dropdown-menu mega-dropdown-menu">
<li class="col-sm-3">
<ul>
<li class="dropdown-header">Donate & Sponsor</li>
<li><a href="#">Toronto Animal Services</a></li>
<li><a href="#">City Programs, events and facilities</a></li>
<li><a href="#">Tax receipts for charitable donations made to the City</a></li>
<li><a href="#">Sponsor a City festival or event</a></li>
<li><a href="#">Sponsor a park or recreation project</a></li>
<li><a href="#">raising awareness and money for organizations that help seniors</a></li>
<li class="divider"></li>
<li class="dropdown-header">Nominate</li>
<li><a href="#">for awards and achivements in Access, Equity and Human Rights</a></li>
</ul>
</li>
<li class="col-sm-3">
<ul>
<li class="dropdown-header">Vote</li>
<li><a href="#">City council and School Board elections</a></li>
<li class="dropdown-header">Volunteer</li>
<li><a href="#">Public engagement and participation</a></li>
<li><a href="#">getting involved in planning and development decisions</a></li>
<li><a href="#">participate in bylaw consultations and reviews</a></li>
<li><a href="#">serve on the boards of City's agencies and corporations</a></li>
<li><a href="#">get involved in government activities</a></li>
<li><a href="#">city run park or recreation centre</a></li>
<li><a href="#">animal shelters</a></li>
<li><a href="#">city run museums, heritage sites, events and cultural centres</a></li>
<li><a href="#">Live Green Toronto</a></li>
<li><a href="#">hospitality volunteers</a></li>
</ul>
</li>
<li class="col-sm-3">
<ul>
<li class="dropdown-header">Council Meetings</li>
<li><a href="#">Public Hearings</a></li>
<li><a href="#">Meetings, agendas and minutes for City Council and its committment, boards and tribunals</a></li>
</ul>
</li>
</ul>
</li>
<li class="dropdown mega-dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Jobs <span class="caret"></span></a>
<ul class="dropdown-menu mega-dropdown-menu">
<li class="col-sm-3">
<ul>
<li class="dropdown-header">Employment Assistance</li>
<li><a href="#">Financial Assistance (Ontario Works)</a></li>
<li><a href="#">Connecting Employers with Job Seekers</a></li>
<li><a href="#">Events and Education for Job Seekers</a></li>
<li><a href="#">How to and why to work for the City</a></li>
<li><a href="#">How to apply</a></li>
</ul>
</li>
<li class="col-sm-3">
<ul>
<li class="dropdown-header">Opportunities</li>
<li><a href="#">Current</a></li>
<li><a href="#">Seasonal</a></li>
<li><a href="#">Youth</a></li>
<li><a href="#">Articling Opportunities</a></li>
</ul>
</li>
</ul>
</li>
<li class="dropdown mega-dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">I Want To... <span class="caret"></span></a>
<ul class="dropdown-menu mega-dropdown-menu">
<li class="col-sm-3">
<ul>
<li class="dropdown-header">Apply</li>
<li><a href="#">Pet License</a></li>
<li><a href="#">Marriage License</a></li>
<li><a href="#">Liquor License</a></li>
<li><a href="#">Lottary License</a></li>
<li><a href="#">Parking Permit</a></li>
<li><a href="#">Tree Permits</a></li>
<li><a href="#">Sign Permits</a></li>
<li><a href="#">Building Permits</a></li>
<li><a href="#">Fire Safety Permits</a></li>
<li><a href="#">Permits and rentals for City recreational facilities and activities in parks</a></li>
<li><a href="#">Financial Assistance for Child Care</a></li>
<li><a href="#">Financial Assistance (Ontario Works)</a></li>
<li><a href="#">Support for Child Care Operators</a></li>
<li><a href="#">Environmental Grants & Incentives</a></li>
<li><a href="#">Heritage grants and tax rebates</a></li>
<li><a href="#">Grants for arts and culture organizations</a></li>
<li><a href="#">Heritge grants and tax rebates</a></li>
<li><a href="#">Tree Planting, Maintenance and Removal</a></li>
<li><a href="#">Affordable Housing</a></li>
<li><a href="#">Emergency Shelter Supports</a></li>
<li><a href="#">Housing Improvement Loans and Grants</a></li>
<li><a href="#">Rent Assistance</a></li>
<li><a href="#">Supports for Social Housing and Homeless Shelter Operators</a></li>
<li><a href="#">Health, Housing, Childcare and other social supports</a></li>
<li><a href="#">Rebates and subsidies for water use</a></li>
<li><a href="#">Grants for community-serving organizations</a></li>
<li><a href="#">Committee of Adjustments</a></li>
<li><a href="#">land or property development proposal or application</a></li>
<li><a href="#">commemorative item installation</a></li>
</ul>
</li>
<li class="col-sm-3">
<ul>
<li class="dropdown-header">Request</li>
<li><a href="#">Garbage Pickup</a></li>
<li><a href="#">Help with Housing Issues</a></li>
<li><a href="#">water services (shutoff, blockage clear and leak fix)</a></li>
<li><a href="#">maintenance or updates of City buildings and facilities</a></li>
<li><a href="#">maintenance and construction of water mains and sewers</a></li>
<li><a href="#">witness compensation, transcript or another language in a Provincial Offences court</a></li>
<li><a href="#">engineering drawings of City infrastructure</a></li>
<li><a href="#">hearing before the Toronto Licensing Tribunal</a></li>
<li><a href="#">engineering review of property developers drawings and related infrastructure</a></li>
<li><a href="#">zoning bylaw compliance review</a></li>
<li><a href="#">building inspection or report</a></li>
<li><a href="#">business licence or permit</a></li>
<li><a href="#">City provided Ceremonial Services</a></li>
<li><a href="#">Pre-hospital emergency care</a></li>
<li><a href="#">referrals for at-home medical care</a></li>
<li><a href="#">City information, including records, images and data</a></li>
</ul>
</li>
<li class="col-sm-3">
<ul>
<li class="dropdown-header">Register</li>
<li><a href="#">Drop-in leisure and recreation programs</a></li>
<li><a href="#">Instructional recreation programs</a></li>
<li><a href="#">Your own event on the City's website</a></li>
<li><a href="#">Signup for City news and updates</a></li>
<li class="divider"></li>
<li class="dropdown-header">Book</li>
<li><a href="#">City facilities</a></li>
<li><a href="#">Museum, Cultural Centre or other Historic Cultural Venue or Event</a></li>
<li><a href="#">Wedding chambers</a></li>
<li><a href="#">Tickets to city-run zoos and animal attractions</a></li>
<li><a href="#">Ferry tickets to Toronto Islands</a></li>
<li><a href="#">Council meeting to certify legal documents</a></li>
</ul>
</li>
<li class="col-sm-3">
<ul>
<li class="dropdown-header">Pay</li>
<li><a href="#">Property Tax</a></li>
<li><a href="#">Utility Bill</a></li>
<li><a href="#">Parking Ticket</a></li>
<li><a href="#">Provincial Offences Act Fine</a></li>
<li class="divider"></li>
<li class="dropdown-header">Dispute</li>
<li><a href="#">Parking Tickets</a></li>
<li><a href="#">Provincial Offences Act charges and refunds</a></li>
<li><a href="#">Claims against the City</a></li>
<li><a href="#">Claims against elected officials or City board appointees</a></li>
<li class="divider"></li>
<li class="dropdown-header">Report</li>
<li><a href="#">Complaints related to a Human Rights violation when accessing a City service</a></li>
<li><a href="#">Complaints, compliments or comments about 311</a></li>
<li><a href="#">Complaint about Construction Issues</a></li>
<li><a href="#">Complaints and appeals about financial assistance decisions</a></li>
<li><a href="#">Complaints about City's corporate security</a></li>
<li><a href="#">Complaints/compliments about Toronto Paramedic service</a></li>
<li><a href="#">Observed or suspected fraud, waste or misuse involving City Resources</a></li>
<li><a href="#">Food poisoning</a></li>
</ul>
</li>
</ul>
</li>
</ul>
</div><!-- /.nav-collapse -->
</nav>
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,700);
body {
font-family: 'Open Sans', 'sans-serif';
}
.mega-dropdown {
position: static !important;
}
.mega-dropdown-menu {
padding: 0px 0px;
width: 100%;
box-shadow: none;
-webkit-box-shadow: none;
}
.mega-dropdown-menu > li > ul {
padding: 20px;
margin: 0;
}
.mega-dropdown-menu > li > ul > li {
list-style: square;
color: #673232;
}
.mega-dropdown-menu > li > ul > li > a {
display: block;
color: #673232;
padding: 3px 5px;
}
.mega-dropdown-menu > li ul > li > a:hover,
.mega-dropdown-menu > li ul > li > a:focus {
text-decoration: none;
color: #ff3546;
}
.mega-dropdown-menu .dropdown-header {
font-size: 18px;
color: #ff3546;
padding: 5px 60px 5px 5px;
line-height: 30px;
}
.carousel-control {
width: 30px;
height: 30px;
top: -35px;
}
.left.carousel-control {
right: 30px;
left: inherit;
}
.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right {
font-size: 12px;
background-color: #fff;
line-height: 30px;
text-shadow: none;
color: #333;
border: 1px solid #ddd;
}
$(document).ready(function(){
$(".dropdown").hover(
function() {
$('.dropdown-menu', this).not('.in .dropdown-menu').stop(true,true).slideDown("400");
$(this).toggleClass('open');
},
function() {
$('.dropdown-menu', this).not('.in .dropdown-menu').stop(true,true).slideUp("400");
$(this).toggleClass('open');
}
);
});