html水平折叠,jquery水平手风琴折叠菜单插件

这是一款炫酷的jquery水平手风琴折叠菜单效果。该jquery风琴折叠菜单效果以1870年为主题，在切换菜单项时带有幻影效果，并在整体上配以炫酷的文字动画效果。

使用方法

在页面中引入1870primary.css和1870Level2.css样式文件，jquery和其它js文件。

HTML结构

其中，构成水平手风琴效果的HTML结构如下：

• Road to War

  The Preliminaries

  This section will discuss the conditions

  in Europe leading up to 1870 concentrating

  on the roles played by Prussia and France.

  • Pre-1870 Europe
  • 1866 - The Austro-Prussian War
  • The Hohenzollern Candidature
  • France declares War
  • The Armies Mobilise

• The Armies

  The Fighting Men of 1870

  The war of 1870 saw armies made up of diverse

  colorful units that fought in large-scale battles.

  • The French (Imperial forces)
  • The Prussians
  • The Bavarians
  • The Minor German States
  • The French (Republican forces)

• The Leaders

  Movers and Shakers of 1870

  The moral effect of leadership was to profoundly

  impact the outcome of the Franco-Prussian War

  - one of the most interesting aspects of 1870.

  • A Narrative on Leadership
  • Political Leaders of 1870
  • French Leaders (Imperial phase)
  • German Leaders
  • French Leaders (Republican phase)

• The Timeline

  The Chronology of 1870

  The timeline of the Franco-Prussian War

  organized into its distinctive parts.

  • Pre-war events
  • The Imperial Phase - to Sep, 1870
  • The Republican Phase
  • Aftermath

• The Battles

  Battle Narratives of 1870-71

  Battle narratives containing essential information

  for each battle including opposing plans, terrain, battle

  progress, orders of battle, and the resulting consequences.

  • Frontier Battles
  • The Metz Campaign
  • Sedan - End of the Empire
  • Republican Phase Campaigns
  • End Game - the Surrender