【サンプルデモ】jQueryでサイズ可変・スマホ対応のアコーディオン

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

+-

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam tempus finibus porttitor. Duis in feugiat tortor. Morbi vehicula et nisl sed faucibus. Sed ac suscipit est. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Maecenas nibh est, convallis et enim id, luctus laoreet leo. Proin bibendum massa quis nibh laoreet, id laoreet neque ornare. In accumsan congue libero et mollis.

In vestibulum turpis id iaculis bibendum.

+-

In vestibulum turpis id iaculis bibendum. Donec pulvinar lectus sit amet ex dapibus dapibus. Nunc id nulla convallis, vestibulum nunc et, pharetra magna. In libero sapien, hendrerit eu blandit in, feugiat in nisl. Sed est lacus, efficitur nec posuere non, sodales non nulla. Praesent pellentesque urna et massa suscipit, at elementum eros rhoncus. Fusce nibh lacus, tincidunt eu ullamcorper ullamcorper, ornare vel felis. In tempor gravida lacus, a consectetur purus convallis ornare.

Cras viverra nibh eu quam semper placerat.

+-

Cras viverra nibh eu quam semper placerat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Pellentesque rhoncus mauris sagittis purus pellentesque, quis gravida tortor aliquet. Nam rutrum nibh ac est imperdiet, sed semper enim mattis. Proin lobortis justo egestas odio viverra interdum. Sed sed eros luctus, rhoncus nisl nec, pulvinar nunc. Integer efficitur leo velit, at dictum ante condimentum in. Praesent pretium varius vulputate. Praesent in vehicula erat. Nam nec nisi a ipsum consectetur bibendum. Quisque ac est quis odio ullamcorper rutrum. Nulla a rhoncus orci. Morbi at dui in risus rhoncus fringilla vel at velit. Fusce tempus iaculis eleifend. Nulla elementum non eros sed cursus. Cras auctor lobortis sollicitudin.

Etiam placerat, urna sed fermentum consequat, odio justo maximus libero, scelerisque vehicula sem massa et ex.

+-

Etiam placerat, urna sed fermentum consequat, odio justo maximus libero, scelerisque vehicula sem massa et ex. Nam eros sapien, commodo sit amet urna sit amet, congue mollis purus. Etiam sit amet leo at urna molestie semper. Fusce quis mollis metus, lacinia volutpat neque. Curabitur non ligula aliquet metus vestibulum rutrum sit amet in felis. Proin pretium metus turpis, ut tempor turpis condimentum eu. Donec tempus ante ac lacus porttitor ullamcorper. Cras ac nisl sed tellus consectetur imperdiet id in nisl.

Aenean sit amet placerat turpis.

+-

Aenean sit amet placerat turpis. Aliquam erat volutpat. Phasellus a rutrum sem, id convallis erat. Morbi imperdiet nec dolor sed efficitur. Integer congue mauris iaculis lacinia cursus. Fusce pretium massa at fermentum facilisis. Ut non quam auctor, feugiat lacus et, posuere purus. Sed sit amet urna bibendum, feugiat velit a, consequat enim. Donec elementum nisl sed nibh ornare, in ultrices arcu condimentum. Morbi id interdum nunc. Nunc vestibulum ligula sit amet arcu egestas, a semper sapien bibendum. Suspendisse elementum, elit nec hendrerit fermentum, turpis arcu fringilla ligula, posuere semper nulla ante ac diam.