Показ/Скрытие блока
Начнем с простых примеров использования javascript в работе сайта, а именно - показ и скрытие блока. К примеру, формы ответа внизу каждого комментария на странице.
Допустим, у нас есть блок данных, который нужно показать только по клику по ссылке:
<div id="hidden_content" style="display: none;">скрытый контент</div>
Первый способ: jQuery
Очень простой и функциональный способ, однако придется подключать дополнительную библиотеку.
<a onclick="$('div#hidden_content').slideToggle('slow')">Показать/Скрыть блок</a>
В настройках можно указать скорость появления блока (slow/fast). Повторный клик скрывает блок.
Подробнее можно прочитать в (кликов:415).
Второй способ: чистый JavaScript
Занимает меньше места, однако не так функционален.
<script language="javascript" type="text/javascript">
function toggle(el) {
el.style.display = (el.style.display == 'none') ? '' : 'none'
}
</script>
И непосредственно сама ссылка:
<a onclick="toggle(hidden_content)">Показать/Скрыть блок</a>
Использовать можно любой способ, хотя второй более грубый и непредсказуемый.
Автор: Spryt
Похожие записи:
- AJAX & JavaScript Barcode Generator: встраиваемый генератор штрих-кодов для web-приложений
- Система управления сайтом / LatiCMS 2.0 X5 Free
- Делаем голосование (+/-) на AJAX
- AJAX или передача данных без перезагрузки
- Визуальный редактор HTML
(8 голосов, средний: 4.75 из 5)
Loading ...
function openblok(id)
{
var smd = document.getElementById(id);
sml=document.getElementsByTagName(”DIV”);
for(i=0; i<sml.length;i++)
if (sml[i].id.match(/blok/)&&!sml[i].id.match(id) ) sml[i].style.display = "none";
smd.style.display == "block" ? smd.style.display = "none" : smd.style.display = "block";
}
а вот этот код открывает/скрывает те же блоки, но, при открытии второго такого же блока, первый закрывается.
ссылка должна быть такой
<a href=”#” onclick=”openblok(’blok2′);return false” id=”but2″>показать/скрыть</a>
и блок должен быть таким
в ссылке и блоке двойка заменяется на номер блока соответственно.
может быть подскажете, как это реализовать на jQuery? Код ведь заметно короче получается, к тому же jQuery всё равно уже подключен – терять нечего)))
Gurylyov, интересный способ.
На jQuery – переписать функцию наверное, стандартных кажется таких нет
Ссылки поправил (WP вечно всю верстку портит)
Я всё же поищу метод хоть немного сократить. Я гик оптимизаций. Благодарю за правку ссылок.
Господи… Поставьте уже антиспам на комментарии по надёжнее, а-то всё ведь на почту приходит.
Replica Audemars Piguet Wacthes
Replica Wacthes
Replica Gucci Wacthes
Replica Rolex Wacthes
fake Rolex Wacthes
.You are needing their advice or input, which is much less expensive threatening, and would make them extra receptive.
Inevitably, you receives either receive a referral for another representative, or this agent should jump in and enquire for a person’s assistance.There are actually other methods of finding reactive people.
Choose a Sponsor
Another method for creating receptive relationships will be to seek a fabulous sponsor.In case you have a sponsor on the job, that man is far going to introduce you to ultimately others at the office and those people are far almost certainly going to listen back.
Do not forget the support staff at the office.A receptionist will probably be your best buddy
discount jewelleryjewelery outletjewelery storejewelery on salejewelrydiscount Juicy Couture NecklacesTiffany Engagement Ringsbuy Thomas Sabo Packagesdiscount Hermes BraceletsThomas Sabo Bracelets online
ugg boot saleugg clearanceugg on saleugg australiaugg boots saleUGG BOOTS ONLINEUGG BOOTS ClearanceUGG HatsUGG BOOTS ClearanceUgg Classic Argyle Knit Sale
uggugg bootsugg boots australiaugg australiauggsugg wholesalemens ugg boots outletdiscount ugg slippersugg highkoo boots on salebuy ugg slippers
ugg boots stroe
ugg boots outlet
ugg boots online
ugg boots sale
women’s ugg boots
.And the second is additionally true as soon as filter contains it easy within a less used room.
Normally HEPA filter systems require to always be replaced each individual 12 months and then the carbon filters for absorbing gases has to be changed in 3-6 several weeks.The most suitable choice might be to buy an air cleaner with your filter buying indicator lighting as it is not necessarily only convenient but probably scientific.Judging the state of hawaii of an individual’s purifier by your particulates specific to air as well as the odor on the air isn’t much of a alternative.You may very well be replacing them all too late whenever they are blocked or there’s a chance you’re replacing them much too soon, thus spending entirely
replica watchesfake watcheswatcheswatches on salelogines watcheswholesale Piaget Watchesbuy Cartier WatchesAmorosa Watches onlinereplica Blancpain WatchesBoss Watches
????????????3d secure?????????????????????????????????????????????????????????????
fake Audemars Piguet watches
Audemars Piguet Replica watches
Replica Audemars Piguet Watches for Sale
discount Audemars Piguet watches
Audemars Piguet watches
.Actually, i know from very own experience who spares helps make or crack you, specially when your punch ball isn’t really clicking as it should.At times I need gone what got endless frames with out using strike, just converting each spare because popped way up, and therefore suddenly determined myself appropriate up on the running as the strikes begun to appear.The particular I i’m making is that i kept myself while in the running just by making the spares therefore avoided those people really damaging low games that might cost the difference concerning winning the tournament together with finishing last.
As a result aim at every sacrifice carefully.Play emotionally each spare that you really see relating to the lanes next to you
Women S Canada Goose JacketCanada Goose Chilliwack JacketCanada Goose Sale CanadaCanada GeeseCanada Goose Jacket ChilliwackCanada Goose Jackets OnlineChilliwack Canada Goose JacketBlue Canada Goose JacketCanada Goose BuyCanada Goose Men
uggugg bootsugg boots storeugg storteugg outletugg on saleugg elsey bootsugg on salebuy ugg highkoo bootsugg highkoo boots
dresseswedding dresses wedding dress wedding dresses magazine bridesmaids short bridal dresses Mermaid bridal Dresses formal cocktail dress discount flower girl dresses Trumpet wedding Dresses
uggs saleugg boots on saleugg storeugg boots saleugg boots clearanceUGG Nightfall 5359Buy Genuine UGG Bootsdiscount ugg boots women’sugg boots on saleUgg Classic Argyle Knit Sale
uggs saleugg boots on saleugg storeugg boots saleugg boots clearanceUGG BOOTS OUTLEugg boots stroeugg boots sale Classic Mini UGGugg Slippers on Sale
canada goosecanada goose jacketscanada goose canadacanada goose expedition parkacanada goosecanada goose saleCanada Goose Womens Chilliwack ParkaCanada Goose Mens Yorkville Parkacanada goose canadacanada goose trillium parka
ugguggsugg bootsugg boots onlineugg boots outletugg roxy tall bootsugg seline bootsugg boots on saleugg storeugg roxy tall
Wedding Dresses Bridal Gowns Bridesmaid DressesShort Evening Dress Red Evening DressElegant Evening Dresses White Prom DressesCocktail Dresses Evening Dresses Size 18 Long Evening Dresses
callaway golf
allaway golf clubs
callaway golf club
discount callaway
golf shop
.
But all good stuff come in the price therefore don’t expect your home with style and character for that price.
Cookie second hand cutter houses are what you may get at many residential the sport of golf communities by means of maybe two to three plans out there.
Within the Brier Creek Place Club in Raleigh, NC you may choose among the many plans of having built and then can include a few tailor made features to create your home feel fewer standard.Yet, the wooded plenty and huge floor blueprints go quite some distance in making your household feel a lot less average and more individual.
A silly trend the fact that golf organizations are viewing is that ample homeowners on these spaces don’t actually own only one golf exercise aid!
In actual fact, some non commercial golf online community managers approximate that up to 65% of their total residents won’t play this online game much less select golf machines
New Arrivals
2011 new arrivals
Pandora Bracelets Online
Buy Pandora Charms
wholesale pandora
.
But, it will not be possible for each of us to a ebook or record famous album therefore we need several other means involving generating walk away income.What every one of us can undertake is recommend obtains that we find effective and favorable.This is without a doubt where work from home comes on the picture and even especially NETWORK MARKETING.Most folks are actually recommending products to some people but you just never ever realize the software because you’ll find never wondered it.
The option MLM operates is which you recommend their goods and services to some others.So, that the MLM business makes an item, like a good quality shampoo, and also make your sale now that, then everytime that shopper buys which will shampoo, you retain getting income
north face jackets north face denali jackets north face apex bionic jacketsnorth face jacket the north face women north face venture jacket triclimate north face north face stores the north face outlets the north face jackets on sale
ugg boots on saleugg storeugg outletugg clearanceugg boots onlineUgg Classic Tall SaleUGG classic short paisleyUGG AUSTRALIAUGG For WomenUGG On Clearance
canada goosecanada goose outletcanada goose jacketsgoose downcanada goose glovescanada goose expedition parkadiscount canada gooseyorkville parka canada goosecanada goose trillium parkacanada goose womens chilliwack parka
pandorapandora beadspandora salepandora jewellrypandora onlinepandora bracelets salepandora braceletsbuy pandora braceletspandora braceletsPandora Beads outlet
Jacket Canada Goose Parka Store Canada Goose Canada Goose Yorkville JacketCanada Goose Jackets Canada Canada Goose Jackets OnlineAuthentic Canada Goose JacketsCanada Jacket Canada Goose Parka Canada Goose 2011Chilliwack Canada Goose
software outsourcingbusiness process outsourcingsoftware outsourcing service
canadagoosecanada goosecanada goose jacketsgoose jacketsgoose downyorkville parkacanada goose jacket chilliwackcanada goose womens expedition parkacanada goose pricesnow mantra canada goose
North Face JacketsThe North FaceNorth Face UKNorth Face SaleNorth Face ClothingNorth Face AccessoriesNorth Face Denali Jackets on SaleNorth Face Triclimate JacketsNorth Face GlovesThe North Face Realization Shell Jacket
pandora ringspandorapandora salepandora on salepandora onlinePandora Charms onlinePandora Sets Salebuy pandora braceletsPandora Sets SalePandora Earrings
Christian Louboutin ShoesChristian Louboutin On SaleChristian Louboutin SandalsDiscount LouboutinsChristian Louboutin Outletchristian louboutin sneakers for menchristian louboutin sneakers studdedlouboutin boots over the kneeyellow christian louboutin pumpsDiscount Christian Louboutin Sandals
Ugg Boots SaleUgg Boots OnlineUgg OutletUgg Boots AustrsliaUGG Classic Cardy Kid UGG Boot On SaleUGG BOOTS ONLINEKid Sheepskin UGG Boot UGG Classic Short UGG Boots UK
Moncler Menuire Down Jacket in White MC10062
Tiffany SilverTiffany Jewelry on saleTiffany Jewelry Replicabuy TiffanyTiffany Outlettiffany pendantstiffany ringstiffany&co earringscharms wholesaletiffany earrings
paulsmith bagspaulsmith handbagspaulsmith shoespaulsmith walletsFashion Paul Smith HandbagsPaul Smith Scarves onlinePual Smith Scarves outletPaul Smith Shoes onlinePaul Smith Handbags outletdiscount Paul Smith Cross Body Bags
lace wigs wigshair wigsHuman Hair Wigs Lace Front Wig Wigs Online Wig Hair Wigs Human Hair 100 Human Hair Lace Front WigsWigs Wholesale
discount watchesbuy watchesbuy discount watcheswatchesreplica watcheswholesale Zenith Watchesbuy Casio Watchesfake Audemars Piguet Watchesdiscount Tag Heuer Watchesdiscount Hublot Watches
wedding dresses wedding gowns wedding dress bridal dressesflower girls dressesprom dresses 2011designer bridal dressesprom dressmother of the bride dressesmaterials sample
lace wigs wigshair wigsHuman Hair Wigs Lace Front WigReal Hair Wigs For Women Human Hair Wigs Nz Lace Front Wigs With Bangs Lace Wig Adhesive Real Hair Wigs
outlet north face north face the north face outletthe north face coats the north facethe north face sale sale the north facenorth face men north face jacket womenswomens north face
Ugg SaleUgg Boots OnlineUgg OutletUggs Boots SaleUgg Boots Clearance UGG Classic Paisley BootsUgg Classic Argyle KnitUGG Classic MiniDiscount Kid UGG Bootwomen’s ugg boots
Replica watchesFake watches
blue tiffanytiffany blue wedding Tiffany SaleTiffany OutletTiffany RingsTiffany Setting Engagement Ringtiffany charmsTiffany BraceletsTiffany BangleTiffany and co Bracelets
louis vittondiscount louis vittonlvlv bagslv handbagLouis Vuitton Monogram PerforationLouis Vuitton luggageLV Antigua Collection Replica Handbags Louis vuitton outletLouis Vuitton Monogram
sunglasses online
Adidas Sunglasses
Adidas
Adidas Eyeglasses
Adidas Glasses
> Занимает меньше места, однако не так функционален.
странное утверждение
читайте http://htmlcssjs.ru/
Wedding Dresses Designer Bridal Gowns Custom Wedding DressesDesigner Prom Dresses Prom Dress Designers prom dress size 16cute party dresses Wedding Dress Patterns sherri hill prom dresses sale prom dress
Решили продать или купить автомобиль в городе Магнитогорске? Наша доска объявлений поможет вам зделать это в кратчайшие сроки совершенно бесплатно. Разместите своё объявление у нас на сайте, с возможностью его редактирования и выкладывания фотографии к авто. Также мы принимаем объявления на любые темы, касающиеся не только авто, для города Магнитогорска.
replica swiss watchesreplica watches swissbest replica watchesreplica rolex watchesreplica omega watchespatek nautilusrado original automaticBvlgari BB Tubogas watchiwc aquatimer vintageiwc portuguese
Ugg BootsUggs Boot SaleUgg Boots OutletUgg Boots OnlineUgg StoresUGG AUSTRALIA UGG For Women Discount UGG Boots UGG Classic TallUGG BOOTS Clearance
golf clubs
callaway golf
golf irons
wood golf clubs
golf clubs junior
.Forget this economy for quite a while; leather products are vogue symbols.
Natural leather Goods:Manner and Status Symbols
Pin the consequence on it on Paris.Women are spoilt appears for choice if it’s handbags in addition to shoes.At every end in the summer, designers escape their heads into the future out having new and even cracking designs for women in every splendors.Designer handbags include the talk from the towns each individual season.Adult men, though havent too a lot of choice to make, just drop back when leather for the purpose of wallets, sneakers, waist belts, operating and golfing gloves or anything else.But mind you it’s not small at all, considering the quantity of companies interested in you will be able accessories the world over
uggugg bootsugg boots saleugg boots stroeugg boots onlineUGG Classic Mini BootsUGG Sundance Boots Discount UGG Bootsugg seline bootsChestnut UGG
north face jackets north face denali jackets north face apex bionic jacketsnorth face jacket the north face women boys north face the north face outlets the north face denalishop north facenorth face gore tex
tiffany necklace
tiffany and company necklace
tiffany and co necklaces
tiffany necklace online
tiffany pendants
.Commonly, an unwary online marketer may fall into dire straits when a seemingly financially rewarding merchant consideration becomes some sinkhole.
Dont dash off to out and get all categories of credit running equipment las vegas bankruptcy lawyer merchant consideration is permitted.First, produce business budget that includes a kind for improvement and marketing and advertising.Then look for the right equipment they’ll best serve them needs.Including, you dont really need to buy every type of credit ratings processing system available because a simple plug-in terminal do.Keep an individual’s expenditures low opt to get accustomed to this new technique for collecting monthly payments.If all determines well, it’s fine to use more solutions later with your discount reseller account
Women S Canada Goose JacketCanada Goose Chilliwack JacketCanada Goose Sale CanadaCanada GeeseCanada Goose Jacket ChilliwackCanada Goose Jackets WomenCanada Goose Online ShopCanada Goose ShopsBuy Canada Goose OnlineCanadian Goose