• Skip to content
  • Skip to primary sidebar

The html blog

The web sandbox

You are here: Home / Archives for expand

expand

Show/hide containers by only adding CSS classes without writing javascript code (YUI-based)

September 29, 2017 By thehtmlblog Leave a Comment

This post will show you how to add the collapse/expand functionality in your HTML pages, perfect for FAQs by only adding two class names to your existing page and including the scripts below. Of course it’s all YUI-based and also a demo of the fantastic YUI selector utility. What does the script do ? OK, suppose […]

Filed Under: Javascript Tagged With: collapse, css, div, expand, html, Javascript, selector, yahoo, yui

Expanding/collapsing javascript menu

September 29, 2017 By thehtmlblog Leave a Comment

In this post I’ll show you how to create an expanding/collapsing menu like Slashdot left menu used to be, using the YUI library and Dav GlassYUI effects widget. The HTML markup for our menu is : <div id=”menu”> <h1 id=”menu-title”>Menu</h1> <div id=”menu-links”> <ul> <li>Home</li> <li>About</li> <li>CSS</li> </ul> </div> </div> We use 2 div tags, one for holding the menu itself and the […]

Filed Under: Javascript Tagged With: collapse, dav glass, dhtml, dom, effects, expand, Javascript, menu, newbie, slashdot, tutorial, yahoo, yui

Primary Sidebar

Subscribe and never miss a post

Categories

  • Hosting
  • Javascript
  • php
  • Web
  • XML

Copyright © 2021 · htmlblog.net