~> Веб технологии ~> jQuery


  • HTML

    	
    
    • HTML

    • CSS

    • jQuery

  • CSS

    				
    #saccordion {width:480px; text-align:left;}
    #saccordion > li { margin:5px; border:1px solid #444;}
    #saccordion h3 {cursor:pointer; background:#aaa; color:#fff;}
    #saccordion h3:before {content:"+"; padding:0 20px;}
    #saccordion div{display:none; padding:5px 5px 5px 10px;}
    #saccordion li.open h3 
    		{border-bottom:1px solid #444; cursor:default;}
    #saccordion li.open h3:before 
    		{content:"_"; position:relative; bottom:10px;}
    			
  • jQuery

    			
    $(document).ready(function () {
    	$("#accordion > li").click(function () {
    		var div = $(this).children("div");
    		if (div.is(":hidden")) {
    			$("#accordion > li").removeClass("open");
    			div.parent().addClass("open");
    			$("#accordion div:visible").slideUp(700);
    			div.slideDown(700);
    		}
    	});
    });				
    			

switch(val) {
case "val_1": { действие } break;
case "val_2": { действие } break;
default:{ действие если нет val }
}
  • HTML

  • HTML5

  • CSS

  • CSS3

  • jQuery

  • PHP

  • MySQM


показать все
http://jsfiddle.net/Vezha/T7Xvr/

Страница просмотрена раз: 630

Репост в ВК