var newsPages = Class.create(); newsPages.prototype = { initialize: function() { this.news_title = $('news_title'); this.pages_title = $('pages_title'); this.news_title_text = $('news_text_style'); this.pages_title_text = $('pages_text_style'); this.news_container = $('news'); this.pages_container = $('pages'); this.pages_container.addClassName('hide'); Event.observe( this.news_title, 'click', this.toggle.bind(this, 'news') ); Event.observe( this.pages_title, 'click', this.toggle.bind(this, 'pages') ); return true; }, toggle: function( news_pages ) { if( news_pages == 'pages' ) { if( this.pages_container.hasClassName('hide') ) { this.pages_container.removeClassName('hide'); this.news_container.addClassName('hide'); this.pages_title.addClassName('active_title'); this.news_title.removeClassName('active_title'); this.pages_title_text.addClassName('active'); this.news_title_text.removeClassName('active'); } } if( news_pages == 'news' ) { if( this.news_container.hasClassName('hide') ) { this.pages_container.addClassName('hide'); this.news_container.removeClassName('hide'); this.pages_title.removeClassName('active_title'); this.news_title.addClassName('active_title'); this.pages_title_text.removeClassName('active'); this.news_title_text.addClassName('active'); } } return true; } };