font-effect-3d-one{text-shadow:0 1px 0 #c7c8ca,0 2px 0 #b1b3b6,0 3px 0 #9d9fa2,0 4px 0 #8a8c8e,. this grid will collapse to be A on top of B on top of C. Be sure to add the class collapse to the collapsible element. Türkiye'de ve dünyada gelişen güncel haberler. You also have to add a class selector to apply the CSS. I have tried it in Google Crome. Expand/Collapse Content. collapsing This class is started when clicked and removed when it finishes simultaneously. The API documentation of the Collapse React component. This happens especially when in table cell is placed a very long text – the single word (or basically, a long string without spaces). It is not exactly handling borders, but rather imitating doing it by exploiting the cellspacing and bgcolor attributes. This way you don’t have to code from a blank slate. Math 208 Syllabus Fall Semester 2007. 0 Content-Type: multipart/related; boundary="----=_NextPart_01D0B033. In general they are not styled, but that is fine - as I have a handle on. So lets start, I am supposing we all aware with how to build circles with css. com THE WORLD'S LARGEST WEB DEVELOPER SITE. Step 2 : table + collapse. Bootstrap 3 collapse redesigned to match Material Design concept with ability to add icons on show/hide with smooth transition by adding an active class to the panel heading. Specification. You can select from 4 levels of compression, depending on how legible you want the compressed CSS to be versus degree of compression. Right now it works with Accordion - Expand/Collapse multiple sections - jQuery Forum. This has a big influence on the look and style of the table cells. Implemented with pure HTML and CSS/CSS3. Table Border Style Wizard. افلام للبالغين فقط Saturday, April 19, 2008. The collapse trigger consists of visible label and invisible input checkbox elements. See the Pen CSS Menu With Scroll & Hover Effects by sfi0zy on CodePen. com THE WORLD'S LARGEST WEB DEVELOPER SITE. The entire interface is created using CSS only, using a combination of CSS3 shadows, round borders, and CSS2 generated content. Badger Accordion is a simple, performant, accessible JavaScript accordion plugin that uses CSS3 animations for the smooth expand/collapse effects. The containers are styled using CSS. Basically when you have set the UL width to be 100% through the CSS builder on Menucool's ddmenu page, you get a responsive menu that will adapt its layout to the screens. CSS Border, our personal favorite CSS attribute, allow you to completely customize the borders that appear around HTML elements. It will free your pages from clutter and give your website a stylish minimalistic look and feel. jQWidgets provides a comprehensive solution for building professional web sites and mobile apps. Today we have yet another awesome step-by-step CSS project for you! This time around we're going to build a super useful expanding vertical navigation menu. The visibility CSS property shows or hides an element without changing the layout of a document. Little is known about how the speed of ecosystem collapse depends on ecosystem size. Border Collapse. Update of June 2018 collection. The Mozilla CSS-moz-transform:rotate(120deg); The CSS property is denoted as Mozilla-only with the "-moz" prefix. Today's resource is a handy accordion menu with support for groups/subitems. The border-spacing property is used to set the spaces between cells of a table and border-collapse property is used to specify whether the border of table is collapse or not. Show 25 more used by Hide more used by. You've created a collapsed CSS class that applies height: 0. At least double the blocks you already have in your arsenal with this amazing set of new appearances and great functionalities combined to help you showcase any content in multiple ways without having to type a single line of code. You may also like pricing table using HTML and CSS. function ga(){}function LogAjaxAError(n,t,i){UrlCliente&&$. This is a really common thing to want to do, and when you know the trick it's really easy! The short version is, you can't animate from 0 to auto using transitions. This post looks at how to remove the default padding and spacing from an HTML table with CSS. Then I found a forums that said it can be done in CSS but they only were allowed to expand the text and not collapse it. com / tools / minifier HTML Minifier Minify HTML and any. There are mainly three CSS classes that runs with JS that’s runs the main functionality. There are many times when a web designer needs to expand and collapse text on a website. However, the specification clearly states that in the case of columns only collapse is a valid value. Accessibility. For example, this config will also generate hover and focus variants:. Bootstrap 3 All CSS Classes List and Cheat Sheet PDF The Bootstrap 3 classes list helps you find documentation for particular CSS styles, components, and grids. The border-collapse property specifies how the table borders are displayed. Need an awesome accordion FAq plugin then this is it. Is there any flag to indicate them to blend in one border?. How do I just show a more at the end of a first sentence and a Close at the end of paragraph when expanded?. HTML table borders without CSS. CSS - border-collapse - border-collapse determines the border model used in the rendering of a table. The Box Model. Implementing A Pure CSS Collapsible Collapsible widgets are a popular way to create sections of content that can contract and expand. July 21, 2016 July 22, Remember that the default value for cellpadding is 0 (padding: 0px) and the same applies to cellspacing (border-collapse: collapse). The display and visibility CSS properties appear to be the same thing, but they are in fact quite different and often confuse those new to web development. This tool is helpful for making the formatting of a file consistent. if you have a file called file. The border-collapse CSS property specifies whether the cell borders of a table are collapsed in a single border or separated as usual. How do I just show a more at the end of a first sentence and a Close at the end of paragraph when expanded?. To add accordion-like group management to a collapsible control,. It comes bundled with basic HTML and CSS design templates that include many common UI components. Right now, I can see about a 5px box. However, this can look odd when filtering data down to a small data set, and the footer is left "floating" further down. It also does not support any Netscape-specific CSS properties that are prefixed with -moz, and has limited support for the cursor property. You have to have a height at the end. Must be used in conjunction with collapseWhitespace=true Collapse whitespace Collapse white space that contributes to text nodes in a document tree. You can set following properties of a table −. CSS Properties; CSS Property border-collapse. In this tutorial I will explain how to create a simple & powerful jQuery Expand Collapse Panels. so i want a small div which will be attached to my left nav bar. This simple responsive navigation lets users focus on few important menu items, while the entire navigation is still accessible, just one-click away. If you choose to download - all the files you need are in the dist/ folder of the download. Insert this Java code into your website to implement collapsible text. From: Windows Internet Explorer 8 xs> Subject: =?big5?B?MDO+x6Z+q9ewqq/FpKS1pb7HrtWvU6biqdulzabSuNW1qrnvw0S8xrtQq0S/7w==?= =?big5?B. Is there any method where I can create expand/collapse vertical menu with CSS? Thanks!. The display and visibility CSS properties appear to be the same thing, but they are in fact quite different and often confuse those new to web development. Use Twitter Bootstrap framework. CSS border-collapse Property. Any easy simple way to do this? expand and collapse buttons (HTML Pages with CSS and JavaScript forum at Coderanch). Example Accordion using react-css-collapse Install. The CSS Box Model explained. Applies to boxes set to display: table (of which table HTML elements are by default) or display: inline-table. If you'd like to contribute to the interactive examples project, please clone https://github. Right now, I can see about a 5px box. However, it only removes the space but do not merge the borders like when you set the border-collapse to collapse. CSS Grid Layout introduces a two-dimensional grid system to CSS. However we included a version with JavaScript as well, in case you prefer a subtle animation compared to the instant default effect. Is it possible at all to collapse and expand text without using javascript? I would like to do this with CSS only. Learn how to use CSS to transform dull HTML tables into beautiful works of art. This method works by including the rendering of the icon before the content using the :before CSS psuedo-element. js override file: CSS Configuration Options. One CSS concept that can really trip up new designers is vertical margin collapse. Lyrics to thousands of hymns, worship songs, and praise choruses. CSSmatic is a non-profit project, made by developers for developers. Anything else, you run a high risk of that. The CSS border-spacing property defines the spacing between the borders of adjacent cells in a table when using the separated borders model to render the table (see the border-collapse property to change the rendering model). There are a ton of different implementations out there. This feature is especially useful when it comes to setting up FAQs, organizing blog entries and creating riddle and quiz features. Is produced by an Organization, Commitee, or conference. OOoBib Reference Style Attributes. This page lists links to resources on the W3C Internationalization Activity site and elsewhere that help you author HTML and CSS for internationalization. In this tutorial I show you how to use the JavaScript Collapse feature in Bootstrap. In the given program border-collapse value is collapse so cells of the table have the common border. Basically when you have set the UL width to be 100% through the CSS builder on Menucool's ddmenu page, you get a responsive menu that will adapt its layout to the screens. A comprehensive CSS 3 reference guide, tutorial, and blog. HTML table borders without CSS. There are 3 editors at the bottom of the page that show the code and preview changing as you adjust the settings in the control panel. Build responsive, mobile-first projects on the web with the world's most popular front-end component library. INTRODUCTION TRADITIONAL GOODNESS. But adding custom CSS to WordPress can be a bit tricky because it’s not a good idea to just edit your parent theme’s stylesheet and stick your code right there. Child element of a hidden box will be visible if their visibility is set to visible. You can select from 4 levels of compression, depending on how legible you want the compressed CSS to be versus degree of compression. CSS Button Generator. The CSS border-collapse property defines the rendering model to use for the table borders which affects the table's appearance. The space between two rows in a table can be done using CSS border-spacing and border-collapse property. Learn about the most common display types and how to use them in this art Code The Web is on Product Hunt!. Here is a sample CSS snippet that contains all you need to format tables with any range of colours, borders and other effects:. Need an awesome accordion FAq plugin then this is it. Son haberler. The verticle expand collapse can be achived using jQuery slideToggle(), but if you want to expand and collapse an element horizontally, you may have to write little more than just slideToggle(), because there's no jQuery method for sliding element horizontally. In this tutorial we will show you how to expand table rows using jQuery, HTML and CSS when user clicks on a row a box with some additional details will show and when user again clicks on that row box will hide. Now however, since page presentation has become such an important aspect of web-design, stylesheets allow you lots of variety in your borders, and you can apply them to anything you want!. Note that the margins of floating and absolutely positioned elements never collapse. animate() method allows us to create animation effects on any numeric CSS property. Now, to have the HTML table to be rendered as Fig. He was, as always, right… with some simple additions. Bootstrap CSS class navbar-toggler with source code and live preview. All Occasions Flower Delivery Atlanta, GA | Starting At Just. The border-collapse CSS property sets whether cells inside a have shared or separate borders. Sidhartha has 6 jobs listed on their profile. There are a ton of different implementations out there. Outlook 2007 - 2013 Outlook 2000 - 2003 Apple Mail Windows Live Mail Outlook For Mac *. Tag: css,ruby-on-rails In my ruby on rails web application, I have an Image that consists of two colours the first portion is black and the second portion is blue. Using a visibility value of hidden on an element will remove it from the accessibility tree. Apply for student grants and college financial aid using one application form. You can copy our examples and paste them into your project! Use 230+ production-ready Bootstrap components from the multipurpose library. A collapse is clearly indicated by the subsequent reduction in N 0. If you choose to download - all the files you need are in the dist/ folder of the download. Specification. Expand and Collapse the SharePoint Web parts. Let's explore an alternative way to achieve border-collapse:collapse with border-radius in CSS to have a collapsed, rounded corner table. It used to curve the edges of any structural elements table,div,p,label,span and few more. See the "view. Learn more about the props and the CSS customization points. Reorder CSS Columns Using Bootstrap. Pure CSS collapse/expand div. border-collapse determines the border model used in the rendering of a table. I've added extra lines to reset all fonts and enable responsive images, along with some other tidbits. All the same Lynda. We have provided detailed documentation as well as specific code examples to help new users get started. How to expand/collapse table rows with Bootstrap. I remember a solution involving a rarely-used CSS property, something like white-space-collapse:collapse; but I might be tripping… Adam Johnston I tried Jason P. A comprehensive CSS 3 reference guide, tutorial, and blog. Daha detaylı öğrenmek için örneklerimizi inceleyiniz. So lets start, I am supposing we all aware with how to build circles with css. HTML/CSS Help for the "text-space-collapse" CSS property. this grid will collapse to be A on top of B on top of C. To Expand and Collapse a Simple List using CSS and HTML, I think this should help: HTML Code:. We want B to take higher precedence, though, since it's our most. The CSS border-spacing property defines the spacing between the borders of adjacent cells in a table when using the separated borders model to render the table (see the border-collapse property to change the rendering model). CSS | border-collapse Property The border-collapse property in CSS is used to set the borders of the cell present inside the table and tells whether these cells will share a common border or not. Basically when you have set the UL width to be 100% through the CSS builder on Menucool's ddmenu page, you get a responsive menu that will adapt its layout to the screens. I am looking for expand/collapse menus a menu button expands and shows its sub-menu on-click and collapses and hides on-click. Creating a toggle box to collapse or expand content using only CSS3 On my iOS and Android devices, box are already expanded. 0 (May 31, 2010) - First Release! Get Full Version. The following classes are included in Allwebco HTML5 and responsive web template css files to allow for centering and alignment. I have a collapsible list implemented using HTML and CSS. There are a ton of different implementations out there. CSSmatic is a non-profit project, made by developers for developers. transition: string. collapse in the example above are collapse events, you'll learn about the events little later in this chapter. The Ultimate Guide to CSS. visibility: collapse. You may also like to read How JQuery Add Style To HTML Element And Apply CSS. Facebook Twitter Pinterest LinkedIn Reddit Telegram WhatsApp The border-collapse property is employed to specify the border model of a table. collapse show When added this class will show the data that is being hidden with this class. If you'd like it to default as open, add the additional class in. Go to Comments Published Mar 29, 2017. [code]// CSS. This email is already in use with a student account. For one of my blogs, I needed a simple and clean Table of Contents (ToC) implementation that uses pure HTML and CSS only (no plugins or JavaScripts). The concept of margin collapse is foundational to an understanding of the box model in CSS, but it is actually quite complex and potentially confusing. Learn more about the props and the CSS customization points. Google will ask you to confirm Google Drive access. After completing your css button, click on the button preview or "Get Code" button to view generated CSS and HTML codes. This will cause the element and all its descendant elements to no longer be announced by screen reading technology. You've set transition: height 0. Add your styling commands to the “Custom CSS” textarea on the “Plugin Options” screen. This is the default. collapse and hide. collapsing This class is started when clicked and removed when it finishes simultaneously. This event is fired when a collapse element has been made visible to the user (will wait for CSS transitions to complete). pRinceSs miCheLlEEEEeeee luRvINg soCcer n hEr lIFE anD alSo. Not only you may style alternative rows but also specify a different style for rows with the given number. It also does not support any Netscape-specific CSS properties that are prefixed with -moz, and has limited support for the cursor property. This way you don’t have to code from a blank slate. collapse modules. React Bootstrap, bundles them up into a few composable components from react-transition-group, a commonly used animation wrapper for React. Once the property was changed, it was the browser that updated the attribute accordingly. 1 establece que existen dos modelos de bordes para las celdas de las tablas. THE WORLD'S LARGEST WEB DEVELOPER SITE. Applies to boxes set to display: table (of which table HTML elements are by default) or display: inline-table. I can then manually add the ToC into any page where I want to show it. Support for visibility: collapse is missing or partially incorrect in some. After completing your css button, click on the button preview or "Get Code" button to view generated CSS and HTML codes. Let's go deep in CSS Tables with next examples: Simple bordered table. Shared components used by Firefox and other Mozilla software, including handling of Web content; Gecko, HTML, CSS, layout, DOM, scripts, images, networking, etc. On this page I explain some of the new CSS declarations to be used with tables. Bootstrap 3 Second Level Menu Nav The current version of Bootstrap (3) does not include a Second Level Menu Nav. wfc-reset-menu-item-first-letter. dequeue("queuename") to start it. So lets start, I am supposing we all aware with how to build circles with css. expanding to >> All The Free Stock. The border-collapse CSS property specifies whether the cell borders of a table are collapsed in a single border or separated as usual. Two adjacent cells will share a border. Find the Bootstrap collapse that best fits your project. clicking a link) does not collapse afterwards. Normally, visibility takes three values: visible: element visible. Band, Drums & Music (function(d, s, id) { var js, fjs = d. Reset styles quite often appear in CSS frameworks,. You can also remove the space between the table cell borders through setting the value of CSS border-spacing property to 0. The first thing you need to understand is the CSS box model. However, it doesn't truly "collapse" the element. com has come up with a jQuery script and a smart use of CSS to make columns in fluid layouts collapse and expand elegantly. separate: Borders are separated. Veteran developers may cringe upon hearing those words, remembering the times when the typical site layout was created using them. HTML / CSS Forums on Bytes. CSS - border-collapse - border-collapse determines the border model used in the rendering of a table. I tried to view source and duplicate what the website had but what they had was made in javascript. Well organized and easy to understand Web building tutorials with lots of examples of how to use HTML, CSS, JavaScript, SQL, PHP, Python, Bootstrap, Java and XML. It is not exactly handling borders, but rather imitating doing it by exploiting the cellspacing and bgcolor attributes. Well organized and easy to understand Web building tutorials with lots of examples of how to use HTML, CSS, JavaScript, SQL, PHP, Python, Bootstrap, Java and XML. (There are 66 of them for this particular example. Apply for student grants and college financial aid using one application form. In this tutorial we will be creating a basic responsive navigation menu with dropdown using only HTML and CSS. 0 Content-Type: multipart/related; boundary="----=_NextPart_01D0B033. Expand/Collapse able menu without styles. And if both margins are negative? The same rule holds as if both were positive. See the "view. There are a couple of methods to prevent css Margin Collapse problem. It comes bundled with basic HTML and CSS design templates that include many common UI components. OOoBib Reference Style Attributes. This css button generator is a free online tool that allows you to create cross browser css button styles in seconds. Learn Development at Frontend Masters. This will toggle our isCollapsed variable which in turn will toggle our panel. com content you know and love. none via CSS), aria-expanded is set to false) Expected Results. DataTables is a plug-in for the jQuery Javascript library. It uses progressive enhancement to turn an unordered list of text links into a set of icons without the use of images or JavaScript. Two adjacent cells will share a border. As of this writing this technique applies to HTML technologies. CSSmatic is a non-profit project, made by developers for developers. So border-collapse more or less hides the top border… which means if you want to 'highlight' a row by changing the border colors, you must change the border-bottom of both the row that you want highlighted and the previous row… which very unfortunately rules out CSS to accomplish this… at least for now, until '!' gets added to modern browsers. In each case the menu's interface is styled using CSS, with the menu contents themselves being HTML list based for easy set up and search engine friendliness. However, all is not lost…. We put together an easy-to-customize template you can use to build your FAQ upon. You may also use the "moz-transform-origin" property to set an origin for the transformation:. The border-collapse property sets whether table borders should collapse into a single border or be separated as in standard HTML. Problem: The collapse does not work with a TR tag for target. In general they are not styled, but that is fine - as I have a handle on. minus to position the expand and collapse icons. Bootstrap 3 is a CSS framework that lets you quickly and easily build a user interface that has a unified look and feel. Snippet by iosdsv. NET, Microsoft Office, Azure, Windows, Java, Adobe, Python, SQL, JavaScript, Angular and much more. (There are 66 of them for this particular example. CSS3Menu is free for non-commercial use. CSS property: -webkit-margin-collapse Description. This property specifies which border rendering mode to use. Further, I prefer to use jQuery and CSS instead of making major changes to the ribbon in a custom Master Page as I would rather keep things simple and not mess with SharePoint’s ribbon controls. Our menu generator makes it easy to create custom CSS menus without having to know all the complicated code. This package provides all of the CSS you need to use the component. font-effect-3d-one{text-shadow:0 1px 0 #c7c8ca,0 2px 0 #b1b3b6,0 3px 0 #9d9fa2,0 4px 0 #8a8c8e,. If you remove the padding,margin and border (which you don't mention in your question) then the height will be 0px, and you will not see anything in the browser. The top and bottom margins of blocks are sometimes combined (collapsed) into a single margin whose size is the largest of the individual margins (or just one of them, if they are equal), a behavior known as margin collapsing. The border-collapse property is used to specify the border model of a table. I'm using Bootstrap v. The concept of margin collapse is foundational to an understanding of the box model in CSS, but it is actually quite complex and potentially confusing. collapsing This class is started when clicked and removed when it finishes simultaneously. This event is fired when a collapse element has been made visible to the user (will wait for CSS transitions to complete). #view02:target ~ *. Test your JavaScript, CSS, HTML or CoffeeScript online with JSFiddle code editor. Create a Expand/Collapse FAQ Accordion, Collapse other on Click June 30, In the HTML markup there are 2 key CSS classes accordion and panel, I have used the p tag for the question and it is given the accordion class and the answer is wrapped in a div with the panel class. Note: the default HTML table border style with the border-collapse property means that borders have spacing between them. The CSS border-spacing property defines the spacing between the borders of adjacent cells in a table when using the separated borders model to render the table (see the border-collapse property to change the rendering model). You can select from 4 levels of compression, depending on how legible you want the compressed CSS to be versus degree of compression. You can also have rounded borders by using the CSS border-radius property. The general reasoning behind this was discussed in a May 2007 post, if you're interested. Removing The Frontend Scaffolding If you would like to remove the frontend scaffolding from your application, you may use the preset Artisan command. Just put a URL to it here and we'll apply it, in the order you have them, before the CSS in the Pen itself. Siyaset, Spor, Ekonomi, İslam Dünyası,anti emperyalist,Medya, Dış Haberler, Kültür Sanat. There are mainly three CSS classes that runs with JS that's runs the main functionality. Find the Bootstrap collapse that best fits your project. There are also other linked articles in the Related Resources section at the bottom of the blog post, so try those for more tips and sample code snippets. Include a jsTree theme. Creating a toggle box to collapse or expand content using only CSS3 On my iOS and Android devices, box are already expanded. To Expand and Collapse a Simple List using CSS and HTML, I think this should help: HTML Code:. Here I use just a few lines of jQuery code with little CSS. This CSS tutorial explains how to use the CSS property called border-collapse with syntax and examples. We have trained over 90,000 students from over 16,000 organizations on technologies such as Microsoft ASP. Designed by Stefano Pirelli. Add Content Editor Web part any Zone. Used to collapse the content of an element. (left inner list collapsed and right shows one with inner menu expanded) Let's add some styles and make this usable for the 21st century users. This happens especially when in table cell is placed a very long text – the single word (or basically, a long string without spaces). If you'd like it to default open, add the additional class in. July 21, 2016 July 22, Remember that the default value for cellpadding is 0 (padding: 0px) and the same applies to cellspacing (border-collapse: collapse). Well organized and easy to understand Web building tutorials with lots of examples of how to use HTML, CSS, JavaScript, SQL, PHP, Python, Bootstrap, Java and XML. Using UI Bootstrap Collapse Directive For the collapse, we will open and close the panel based on the true/false value of the isCollapsed variable. Here’s are final report: And that’s it, a final report. The Fixed-to-top navbar when used in mobile view (i. Table Border Style Wizard. Just add data-toggle="collapse" and a data-target to the element to automatically assign control of one or more collapsible elements. So, that was the easy part of responsive design. The extension add the css class collapsible_headings_collapsed to each collapsed heading cell, which you could use for custom css rules, such as adding a bottom border to collapsed headings, to visually distinguish them a bit more. A block element is often called a block-level element. The border-collapse CSS property sets whether cells inside a table have shared or separate borders. C4144DB0" This document is a Single File Web Page, also known as a Web Archive file. Значение collapse заставляет браузер анализировать подобные места в таблице и убирать в ней двойные линии (рис. CSS Menu With Scroll & Hover Effects. Outlook 2007 - 2013 Outlook 2000 - 2003 Apple Mail Windows Live Mail Outlook For Mac *. CSS | border-collapse Property The border-collapse property in CSS is used to set the borders of the cell present inside the table and tells whether these cells will share a common border or not. If you remove the padding,margin and border (which you don't mention in your question) then the height will be 0px, and you will not see anything in the browser. Easy creating collapsible elements with special role. Site builders who are comfortable editing HTML directly can add expanding/collapsing (accordion) content sections (the expand/collapse functionality is used on this very page!) to any content page or text widget. Bootstrap easily and efficiently scales your websites and applications with a single code base, from phones to tablets to desktops with CSS media queries. By default, only responsive variants are generated for border collapse utilities. The verticle expand collapse can be achived using jQuery slideToggle(), but if you want to expand and collapse an element horizontally, you may have to write little more than just slideToggle(), because there's no jQuery method for sliding element horizontally. Add your styling commands to the “Custom CSS” textarea on the “Plugin Options” screen. Little is known about how the speed of ecosystem collapse depends on ecosystem size. Collection of Awesome CSS and JS Creations to help out frontend developers and designers. Margin collapse might also occur when one block element is the child of another block element. CSS classes can be used to configure the behaviour of the toggle element. What is it? The rendering of table borders is divided into two categories in CSS2 - "collapsed" and "separated". This method works by including the rendering of the icon before the content using the :before CSS psuedo-element. The functionality could be enabled by setting the EnableCollapsing property to true. The box model. Removing The Frontend Scaffolding If you would like to remove the frontend scaffolding from your application, you may use the preset Artisan command. I am looking for expand/collapse menus a menu button expands and shows its sub-menu on-click and collapses and hides on-click. CSS Profile collects information used for financial aid decisions.