All geek questions in one place

JQuery saxophone icon behind the text.

I am using the accordion for the first time, but for some reason it does not display correctly. The icon is located behind the text, and there is no field to the left of it.

The minimum example is as follows:

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>test</title> <!-- Place favicon.ico and apple-touch-icon.png in the root directory --> <link type="text/css" href="css/cupertino/jquery-ui-1.8.24.custom.css" rel="stylesheet" /> <script type="text/javascript" src="js/vendor/jquery-1.8.2.min.js"></script> <script type="text/javascript" src="js/vendor/jquery-ui-1.8.24.custom.min.js"></script> <script type="text/javascript"> $(function(){ $("#accordion").accordion({ header: "h3", active: false, collapsible: true, fillSpace: true }); }); </script> </head> <body> <!-- Add your site or application content here --> <div id="accordion"> <div> <h3>test</h3> <div>bla bla bla</div> </div> </div> </body> </html>

a screenshot of how it looks to me can be viewed here

Does anyone know how to solve it?

+4
source share
1 answer

Your markup requires several settings:

 <div id="accordion"> <h3><a href="#">test</a></h3> <div>bla bla bla</div> </div>​

Example: http://jsfiddle.net/andrewwhitaker/WP29E/15/

+3
source

Source: https://habr.com/ru/post/1438178/

More articles:


All Articles