Как показать div при нажатии на тег привязки ⇐ Jquery

[Anonymous]

Я работаю над сайтом бронирования автобусов. Существует множество списков автобусных операторов. Когда я нажимаю ссылку «Забронировать сейчас», мне нужно отобразить только эту конкретную информацию об автобусе чуть ниже этой строки. В каждом списке у меня есть кнопка «Забронировать сейчас». пожалуйста, проверьте мой HTML-код

Код: Выделить всё

$(document).ready(function(){
$(".ltbrd").click(function(){
$(this).find(".bcont").slideToggle(200);
});
});

Код: Выделить всё

.busrowmain {
overflow: hidden;
}

.busrow {
padding: 5px 0px;
width: 940px;
float: left;
text-align: center;
}

.busrow li {
text-transform: uppercase;
text-align: center;
padding: 0 42px;
float: left;
font-size: 14px;
color:#444;
}

.busrow li span {
font-weight: bold;
font-size: 16px;
}

.busrowbtn {
padding-top: 15px;
}

.busrowbtn a {
padding: 10px 35px;
background: #da4f56;
color:#fff;
text-transform: uppercase;
transition: all 0.3s;
border-radius: 2px;
}

.busrowbtn a:hover {
background: #f15a61;
}

.ltbrd {
border-bottom: solid 1px #e8e8e8;
padding-bottom: 13px;
padding-top: 13px;
transition: all 0.3s;
}

.ltbrd:hover {
background: #f8f8f8;
}

.bcont {
width: 100%;
background: #f8f8f8;
border-top: solid 2px #e8e8e8;
min-height: 200px;
padding: 30px;
display: none;
}

Код: Выделить всё

[*] BUS NO

TN045

[*] BUS TYPE

2*3 AC

[*] DEPARTURE TIME

10:00 PM

[*] ARRIVAL TIME

2:00 AM

[*] SEATS

62

[*] FARE

750

[url=#]BOOK NOW[/url]


Bus Information content

Когда я нажимаю на строку списка автобусов, открывается раздел с информацией об автобусе. Но мне нужно, чтобы когда мы нажимали на ссылку «Забронировать сейчас», открывался только раздел с информацией об автобусе. Пожалуйста, помогите.

Подробнее здесь: https://stackoverflow.com/questions/570 ... anchor-tag