1、创建如下结构的测试页面 -- JqueryButton -- Content -- Images -- btn-choose.pn爿讥旌护g -- Scripts -- jquery-1.11.3.min.js -- JqueryButton.html
2、在页面中添加dom结构 1）引入jquery源文件 2）添加一个div用于放置选择的图片 3）添加另外一个div用于放置选择与关闭时的内容
3、在页面添加css样式，用于控制图片与dom内容
4、选择页面使用浏览器打开，此时运行效果如下，由于还没有添加点击事件，所以图片点击是没有效果的
5、在页面添加js，用于处理点击事件 1）当前如果是打开状态，就切换为关闭状态，同时，显示关闭对应的内容，隐藏打开对应的文字内容 2）如果当前是关闭状态，就切换为打开状态，同时，显示打开对应的内容，隐藏关闭对应的文字内容
6、在浏览器中运行效果如下 1）默认是打开状态，显示打开对应的文字内容 2）当点击按钮时，将切换为关闭状态，显示关闭对应的内容
7、总结 1）使用css控制显示图片的哪一部分 2）使用jquery绑定图片的点击事件，实现内容的切换
