1. JavaScript / Говнокод #9607

    +153

    1. 01
    2. 02
    3. 03
    4. 04
    5. 05
    6. 06
    7. 07
    8. 08
    9. 09
    10. 10
    11. 11
    12. 12
    13. 13
    14. 14
    15. 15
    16. 16
    17. 17
    18. 18
    19. 19
    20. 20
    21. 21
    22. 22
    23. 23
    24. 24
    25. 25
    26. 26
    27. 27
    28. 28
    29. 29
    30. 30
    31. 31
    32. 32
    33. 33
    34. 34
    35. 35
    36. 36
    37. 37
    38. 38
    39. 39
    40. 40
    41. 41
    42. 42
    43. 43
    44. 44
    45. 45
    46. 46
    47. 47
    48. 48
    49. 49
    50. 50
    $('#panAll').click( function(){
	                $(this).addClass('panactive');
	                
	                $('#panPan').removeClass('panactive');
	                $('#pan3D').removeClass('panactive');
	                $('#panVtour').removeClass('panactive');
	                
	                $('#AllDesc').css('display', 'block');
	                $('#PanDesc').css('display', 'none');
	                $('#3DDesc').css('display', 'none');
	                $('#VtourDesc').css('display', 'none');
	            }); 
	            
	            $('#panPan').click( function(){
	                $(this).addClass('panactive');
	                
	                $('#panAll').removeClass('panactive');
	                $('#pan3D').removeClass('panactive');
	                $('#panVtour').removeClass('panactive');
	                
	                $('#AllDesc').css('display', 'none');
	                $('#PanDesc').css('display', 'block');
	                $('#3DDesc').css('display', 'none');
	                $('#VtourDesc').css('display', 'none');
	            }); 
	            
	            $('#pan3D').click( function(){
	                $(this).addClass('panactive');
	                
	                $('#panAll').removeClass('panactive');
	                $('#panPan').removeClass('panactive');
	                $('#panVtour').removeClass('panactive');
	                
	                $('#AllDesc').css('display', 'none');
	                $('#PanDesc').css('display', 'none');
	                $('#3DDesc').css('display', 'block');
	                $('#VtourDesc').css('display', 'none');
	            }); 
	            $('#panVtour').click( function(){
	                $(this).addClass('panactive');
	                
	                $('#panAll').removeClass('panactive');
	                $('#panPan').removeClass('panactive');
	                $('#pan3D').removeClass('panactive');
	                
	                $('#AllDesc').css('display', 'none');
	                $('#PanDesc').css('display', 'none');
	                $('#3DDesc').css('display', 'none');
	                $('#VtourDesc').css('display', 'block');
	            });

    Висит задание в црм - доделать ***.
    Таким вот образом был реализован функционал
    переключения между 4мя дивами, содержащими в себе данные.

    Запостил: denum, 05 Марта 2012

    Комментарии (4) RSS

    Добавить комментарий