我正在处理一个下拉菜单按钮,当点击它时会显示之前隐藏的div。
此代码无法使用$(this).next
,但它会显示所有带有类.menudrop
的div,因为页面上有多个按钮和下拉列表;我想尝试仅在按下.menudrop
后的下一个.dropclick
更改显示。
JsFiddle:https://jsfiddle.net/jeffd/nuen3735/1/
<div class='playbox'>
<div class='playbox2 playboxplayer player'>
<div class='play' key='respect.mp3' name='Respect' tag='tagtest'></div>
</div>
<div class='playbox2 playboxbpm bpm'>85 BPM</div>
<div class="playbox2 playboxname name">Respect</div>
<div class='playbox2 playboxkeywords keywords'>Slow, Smooth, RnB</div>
<div class='playbox2 playboxlength length'>02:12</div>
<div class='playbox2 playboxbuy buy'>
<div class='mp3buy droptrack' data-product-id='Respect' data-product-key='3c31060e1038c3fe3e9cb0f069d6f33b'>+</div>
</div>
<div class='menudrop'>(dropdown)</div>
</div>
$(".droptrack").on('click', function() {
$(this).next(".menudrop").slideToggle('display', function(i, v) {
return v == 'none' ? 'inline-block' : 'none'
});
});
答案 0 :(得分:2)
public class PDfRotate{
private static String workingDir = System.getProperty("user.dir");
private static String FILERIN = workingDir + "/Rin.pdf";
private static String FILERIN_INPUT = workingDir + "/Test.pdf";
private static String FILERIN_OUTPUT = workingDir + "/RinOutput.pdf";
private static Document document;
public static void main(String[] args) throws IOException, DocumentException {
Document document = new Document();
rotatePdf(document);
document.close();
}
public static void rotatePdf(Document document) throws DocumentException, IOException{
PdfWriter writer = PdfWriter.getInstance(document, new FileOutputStream(FILERIN_OUTPUT));
document.open();
Paragraph par = new Paragraph("hello");
document.add(par);
document.add(PageSize.A4.rotate());
PdfReader reader = new PdfReader(FILERIN);
PdfImportedPage page = writer.getImportedPage(reader,1);
Image instance = Image.getInstance(page);
document.add(instance);
}
转移到下一个兄弟姐妹。在您的代码中,$(this).next()
不是.menudrop
的兄弟,而是其父亲的兄弟。你应该做的是:
.droptrack
(提示:正确的HTML格式将在下次帮助您)
答案 1 :(得分:0)
$(this).parent().next('.menudrop')