정렬하려면 jQuery 아코디언 여러 요소

안녕하세요 jQuery 라이브러리에 새로운 오전 그리고 지금까지 아주 멋지다 난 그냥 속도 범프 충돌했다. 세 가지 요소를 표시하고 싶습니다. < h4> 태그 a <> 다른 태그 < h4> 태그 모두 < ul> 내에 태그하십시오. 그래서 제목을 열면 목록이 표시되고 각 줄에는 설명과 가격이 표시됩니다. 내가 플로트를 빠뜨리면 서로 아래에 그들을 표시합니다.정렬하려면 jQuery 아코디언 여러 요소

#accordion { 
border: 2px solid #eee; 
border-radius: 0px 8px 8px 0px; 
width: 940px; 
height: 502px; 
margin: /*top and bottom */5px /*right and left*/auto; 
} 

#accordion h4 { 
font-size: 16px; 
} 

#accordion p { 
font-size: 16px; 

}

내가 이름 설명 가격처럼 보이게을 정렬하기 위해 무엇을 할 수 있는지를

, 그리고

이름

설명

<div id="accordion"> 
<h3><a href="#">BBEEE Toolkit</a></h3> 
<div > 
    <ul> 
    <li><h4>Very Large Generic</h4><p>Revenue greater than 1.5 billion</p><h4>Proposal on request</h4></li> 
    <li><h4>Large Generic</h4><p>Revenue between 650 million and 1.5 billion</p><h4>67,980.00</h4></li> 
    <li><h4>Medium Generic</h4><p>Revenue between 250 million and 650 million</p><h4>45,322.00</h4></li> 
    <li><h4>Small-Medium Generic</h4><p>Revenue between 80 million and 250 million</p><h4>30,591.00</h4></li> 
    <li><h4>Small Generic</h4><p>Revenue between 35 million and 80 million</p><h4>21,031.00</h4></li> 
    <li><h4>QSE</h4><p>Revenue between 5 million and 35 million</p><h4>R14,340.00</h4></li> 
    <li><h4>EME</h4><p>Revenue less than R5 million</p><h4>660.00</h4></li> 
    <li><h4>Existing scorecard</h4><p>Upload an existing scorecard</p><h4>FREE</h4></li> 
    </ul> 
</div>

내 CSS는 다음과 같습니다

가격

다음 li ??

출처

2012-04-03 TheLegend

h4 및 p 태그는 블록 항목이므로 기본적으로 전체 너비를 사용하여 다음 항목을 아래로 이동해야합니다. display: inline을 사용하면 이들을 다르게 작동시킬 수 있습니다.

h4, p { 
    display: inline; 
}

하지만이 제목을 의미하기 때문에 당신이 h4 태그를 사용하지 않아야 지점에 더

. 이 같은 것이 더 효과적입니다. <li><span class="name">name</span> description <span class="price">price</span></li>

출처

2012-04-03 09:56:10 trapper

덕분에 남자 프로 표정이 link를 방문 수정했습니다! 축하해 주셔서 감사합니다! – TheLegend

나는 코드가 단지 난 그냥 서브 소닉의 얼굴을 손바닥을 미리 형성

출처

2013-01-03 07:29:57

정렬하려면 jQuery 아코디언 여러 요소

답변

관련 문제